:root{--blue:#1678d2;--blue2:#0c4fa8;--gold:#f7b84b;--ink:#0d2342;--muted:#607089;--bg:#f5f8fc;--white:#fff;--line:#dfe8f2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}.container{width:min(1140px,92%);margin:auto}
.top{background:#073d87;color:#fff;font-size:13px}.top .container{display:flex;justify-content:space-between;padding:8px 0;gap:20px}.nav{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);box-shadow:0 5px 20px #0d23420d}.navin{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:265px;height:auto;display:block}.menu{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}.menu a{padding:28px 0;position:relative}.menu a:hover,.menu a.active{color:var(--blue)}.menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:3px;background:var(--gold);border-radius:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:12px 20px;border-radius:9px;font-weight:800;box-shadow:0 8px 20px #1678d233}.btn.gold{background:var(--gold);color:#17345a}.hero{padding:80px 0 70px;background:linear-gradient(120deg,#061f52 0%,#0c4fa8 52%,#1684dc 100%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:1.4px;font-size:13px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:12px 0 20px;letter-spacing:-2px}.hero p{font-size:18px;max-width:650px;color:#e7f2ff}.hero-img{border-radius:24px;overflow:hidden;border:5px solid #ffffff26;box-shadow:0 25px 60px #00153666}.hero-img img{display:block;width:100%;height:390px;object-fit:cover}.stats{background:#fff;margin-top:-25px;position:relative;border-radius:18px;box-shadow:0 15px 45px #0d234214}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:25px;border-right:1px solid var(--line);text-align:center}.stat:last-child{border:0}.stat b{display:block;font-size:30px;color:var(--blue2);line-height:1.1}.stat span{font-size:13px;color:var(--muted)}
section{padding:75px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2{margin:0;font-size:36px;line-height:1.15}.section-head p{margin:8px 0 0;color:var(--muted);max-width:680px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0d23420b}.card img{width:100%;height:205px;object-fit:cover;display:block}.cardbody{padding:23px}.tag{display:inline-block;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.card h3{margin:8px 0 10px;font-size:20px;line-height:1.3}.card p{color:var(--muted);font-size:14px;margin:0 0 16px}.link{color:var(--blue2);font-weight:800;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.photo{border-radius:20px;overflow:hidden;box-shadow:0 20px 45px #0d23421c}.photo img{width:100%;display:block}.check{display:grid;gap:14px;margin:25px 0}.check div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-weight:700}.check span{color:var(--blue);margin-right:8px}
.pagehead{padding:70px 0;background:linear-gradient(120deg,#06245b,#0e63bd);color:#fff}.pagehead h1{font-size:48px;line-height:1.1;margin:10px 0}.pagehead p{max-width:750px;color:#dbeaff}.crumb{font-size:13px;color:#b8d7ff}.article{max-width:850px;margin:auto;background:#fff;padding:40px;border-radius:18px;box-shadow:0 12px 40px #0d23420d}.article h1{font-size:42px;line-height:1.15}.article h2{margin-top:35px}.article p,.article li{color:#34445b}.article img{width:100%;border-radius:14px;margin:20px 0}.article-meta{color:var(--muted);font-size:13px;margin-bottom:25px}.prose{max-width:850px}.faculty{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.faculty .card{padding:26px}.faculty .card h3{margin-top:0}.prodi{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.prodi div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.prodi b{display:block;color:var(--blue2)}
.cta{background:linear-gradient(120deg,#073b86,#1283dd);color:#fff;border-radius:24px;padding:45px}.cta h2{margin:0 0 10px;font-size:34px}.cta p{color:#d9ebff}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contactbox{background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px}.contactbox h3{margin-top:0}
footer{background:#061c3d;color:#c8d8ed;padding:55px 0 25px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footbrand img{width:260px;filter:brightness(0) invert(1);opacity:.95}.foot h4{color:#fff;margin-top:0}.foot a{display:block;margin:8px 0;color:#c8d8ed}.bottom{border-top:1px solid #ffffff1c;margin-top:35px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:850px){.menu{display:none}.hero-grid,.split,.contactgrid{grid-template-columns:1fr}.cards,.faculty{grid-template-columns:1fr 1fr}.statsgrid{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line)}.hero{padding-top:55px}.hero-img img{height:300px}.footgrid{grid-template-columns:1fr}.section-head{display:block}.brand img{width:220px}}
@media(max-width:560px){.cards,.faculty,.prodi{grid-template-columns:1fr}.hero h1{font-size:40px}.pagehead h1{font-size:36px}.article{padding:24px}.article h1{font-size:32px}.top .container{display:none}}