:root{
  --bg:#0b1220;
  --surface:rgba(255,255,255,.03);
  --surface2:rgba(255,255,255,.05);
  --border:#243246;
  --border2:#334155;
  --text:#e6edf3;
  --text-muted:#9fb2c9;
  --blue2:#60a5fa;
  --blue3:#93c5fd;
  --font:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  --font-humanist:'Nunito Sans','Segoe UI','Gill Sans','Frutiger','Myriad Pro',Arial,sans-serif;
}

/* Shared header */
.site-nav{
  position:sticky;top:0;z-index:200;
  background:rgba(11,18,32,0.88);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.site-nav .nav-inner{
  max-width:1200px;margin:0 auto;height:60px;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;
}
.site-nav .nav-logo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:var(--text);letter-spacing:.02em;text-decoration:none}
.site-nav .nav-logo:hover{color:var(--text)}
.site-nav .nav-logo-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px}
.site-nav .nav-logo-img{width:34px;height:34px;display:block}
.site-nav .nav-links{display:flex;align-items:center;gap:6px}
.site-nav .nav-links a{font-size:13px;font-weight:600;color:var(--text-muted);padding:8px 12px;border-radius:8px;transition:color .15s,background .15s;text-decoration:none}
.site-nav .nav-links a:hover{color:var(--text);background:var(--surface)}
.site-nav .nav-links a.is-active{color:var(--text);background:var(--surface2);border:1px solid var(--border);}

.site-nav .nav-toggle{display:none;align-items:center;justify-content:center;width:48px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}
.site-nav .nav-toggle:hover{border-color:var(--border2);background:var(--surface2)}
.site-nav .nav-toggle-bars{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.site-nav .nav-toggle-bars::before,.site-nav .nav-toggle-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px}
.site-nav .nav-toggle-bars::before{top:-6px}
.site-nav .nav-toggle-bars::after{top:6px}

.site-nav .nav-drawer{
  max-width:1200px;margin:0 auto;padding:10px 24px 14px;
  border-top:1px solid var(--border);
}
.site-nav .nav-drawer a{display:block;font-size:14px;padding:16px 14px;border-radius:12px;color:var(--text);font-weight:700;text-decoration:none}
.site-nav .nav-drawer a:hover{background:var(--surface2)}

@media (max-width: 860px){
  .site-nav .nav-links{display:none}
  .site-nav .nav-toggle{display:flex}
}

/* Shared footer */
footer{
  border-top:1px solid var(--border);
  padding:28px 24px;
  color:var(--text-muted);
}
footer .footer-left{font-size:13px;line-height:1.5}
footer .footer-right{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
footer a{color:var(--blue2);text-decoration:none}
footer a:hover{color:var(--blue3)}

@media (min-width: 860px){
  footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
}