:root{
  --navy:#123b63;
  --blue:#1b6fa8;
  --gold:#d5a62e;
  --light:#f7f9fc;
  --text:#1d2733;
  --muted:#667085;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:auto}
.topbar{background:var(--navy);color:white;font-size:.92rem;padding:.45rem 0}
nav{background:white;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.navwrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.8rem;font-weight:700;color:var(--navy)}
.brand img{width:62px;height:62px;object-fit:contain}
.links{display:flex;gap:1rem;flex-wrap:wrap;font-size:.95rem}
.links a:hover{color:var(--blue)}
.btn{display:inline-block;background:var(--gold);color:#10253c;padding:.8rem 1.1rem;border-radius:8px;font-weight:700}
.btn.secondary{background:var(--navy);color:#fff}
.hero{background:linear-gradient(120deg,rgba(18,59,99,.94),rgba(27,111,168,.86)),url('assets/student_life.jpg') center/cover;min-height:560px;color:white;display:flex;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;margin:.2rem 0 1rem}
.hero p{font-size:1.16rem;max-width:760px}
.badge{display:inline-block;background:rgba(255,255,255,.14);padding:.35rem .7rem;border:1px solid rgba(255,255,255,.28);border-radius:999px}
section{padding:72px 0}
.section-title{font-size:2rem;color:var(--navy);margin:0 0 .5rem}
.section-sub{color:var(--muted);max-width:760px;margin-bottom:2rem}
.grid{display:grid;gap:1.4rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:white;border:1px solid #e8edf3;border-radius:14px;padding:1.4rem;box-shadow:0 6px 24px rgba(13,38,76,.06)}
.icon{font-size:2rem}
.band{background:var(--light)}
.stat{font-size:2rem;font-weight:800;color:var(--navy)}
.highlight{border-left:4px solid var(--gold);padding-left:1rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery img{height:230px;width:100%;object-fit:cover;border-radius:12px}
.cta{background:var(--navy);color:#fff;border-radius:18px;padding:2rem}
footer{background:#0d2943;color:#dbe7f3;padding:46px 0 24px}
footer h3{color:white}
.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.small{font-size:.92rem;color:#91a7bd}
.pagehero{background:linear-gradient(120deg,var(--navy),var(--blue));color:white;padding:72px 0}
.pagehero h1{font-size:2.8rem;margin:0}
.list{padding-left:1.1rem}
.notice{background:#fff8e7;border:1px solid #f4da91;padding:1rem;border-radius:10px}
@media(max-width:860px){
  .grid-3,.grid-2,.footergrid,.gallery{grid-template-columns:1fr}
  .links{display:none}
  .hero{min-height:500px}
  .gallery img{height:auto}
}