:root{
  --primary:#0b1220;
  --secondary:#ff5e3a;
  --accent:#2dd4bf;
  --light:#f1f5f9;
  --gray:#94a3b8;
  --card-bg:#111a2b;
  --border-color:#243049;
  --border-radius:20px;
}
body{margin:0;background:var(--primary);color:var(--light);font-family:system-ui,Arial,sans-serif}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--border-color);position:sticky;top:0;background:rgba(11,18,32,.92);backdrop-filter:blur(8px);z-index:100}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.logo h1,.logo h2{margin:0;font-size:22px}
.logo span{color:var(--secondary)}
.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.nav-links a{color:var(--gray);text-decoration:none;font-weight:600;font-size:14px}
.nav-links a:hover,.nav-links a.cur{color:var(--accent)}
.school-link{color:var(--secondary)!important}
.mobile-menu-btn{display:none;font-size:28px;color:var(--secondary);cursor:pointer;background:none;border:none}
footer{border-top:1px solid var(--border-color);padding:28px 0;margin-top:40px}
.footer-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
.social-links a{color:var(--gray);margin-left:12px;font-size:20px}
@media(max-width:850px){
  .mobile-menu-btn{display:block}
  .nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:var(--primary);flex-direction:column;padding:20px;gap:12px;border-bottom:1px solid var(--secondary);z-index:1000}
  .nav-links.show{display:flex}
  .nav-links a{width:100%;text-align:center;padding:12px;font-size:18px}
}