:root{
  --brand:#8b1c1c;
  --brand2:#6e1515;
  --bg:#f6f7fb;
  --card:#fff;
  --muted:#686868;
  --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#222;font-family:Inter, Arial, Helvetica, sans-serif}
a{text-decoration:none;color:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff}
.nav-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand img{width:60px;height:60px}
.brand .title{font-weight:800;letter-spacing:.3px}
.brand .sub{font-size:13px;color:#ffe9e9}
nav{display:flex;gap:14px;align-items:center}
nav a{color:#fff;padding:8px 10px;border-radius:8px}
nav a:hover{background:rgba(255,255,255,.08)}
.hamb{display:none;background:transparent;border:0;color:#fff;font-size:22px}
.hero{position:relative;color:#fff}
.hero .banner{height:420px;background-size:cover;background-position:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.35))}
.hero .intro{position:absolute;left:0;right:0;bottom:26px}
.hero h1{margin:0;font-size:28px}
.badge{display:inline-block;background:#ffe08a;color:#5c3d00;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.btn{background:#fff;color:#111;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
.btn.primary{background:#ffe17a}
section{padding:44px 0}
h2{margin:0 0 12px;font-size:22px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 8px 28px rgba(15,15,15,.08);padding:18px}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center}
.about-grid img{width:100%;height:260px;border-radius:12px;object-fit:cover}
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.course-card{text-align:center}
.course-card i{font-size:34px;color:var(--brand);margin-bottom:10px}
.pill{display:inline-block;background:#f0ecec;border-radius:999px;padding:6px 10px;font-size:12px;margin-top:6px}
.facilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.facility{display:flex;gap:12px;align-items:center;padding:12px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery-grid img{width:100%;height:160px;border-radius:10px;object-fit:cover;cursor:pointer}
.results-wrap{display:grid;grid-template-columns:1fr 380px;gap:18px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.muted{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:18px}
footer{background:#0d0d0d;color:#ddd;padding:26px 0}
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr}
  .courses-grid{grid-template-columns:repeat(2,1fr)}
  .facilities-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .results-wrap{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  nav{display:none}
  .hamb{display:block}
}