/* header */
.site-header{
  position:sticky; top:0; z-index:50;
  backdrop-filter: blur(10px);
  background: rgba(6,10,20,.65);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:10px 0}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand .logo{
  width:34px;height:34px;border-radius:12px;
  background:linear-gradient(135deg, rgba(94,234,212,.9), rgba(96,165,250,.9));
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.brand strong{letter-spacing:.3px}
.nav{display:flex; gap:10px; align-items:center}
.menu-btn{display:none}
.nav a{padding:8px 10px; border-radius:10px; text-decoration:none; color:var(--muted)}
.nav a:hover{background:rgba(255,255,255,.07); color:var(--text)}
@media (max-width:820px){
  .menu-btn{display:inline-flex}
  .nav{display:none}
  .nav.open{display:flex; flex-direction:column; position:absolute; left:0; right:0; top:56px; padding:10px 16px;
    background:rgba(6,10,20,.95); border-bottom:1px solid rgba(255,255,255,.08)}
}

/* footer */
.site-footer{border-top:1px solid rgba(255,255,255,.08); margin-top:36px; padding:18px 0; color:var(--muted)}
.site-footer a{color:var(--muted); text-decoration:none}
.site-footer a:hover{color:var(--text)}