.header{ position:sticky; top:0; z-index:50; background:var(--blue); color:#fff; border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:saturate(120%) blur(6px) }
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
.brand{display:flex; align-items:center; gap:10px}
.brand img{height:36px}
.nav{display:flex; align-items:center; gap:26px}
.nav a{color:#fff; opacity:.9}
.nav a:hover{opacity:1}
.burger{display:none; width:34px; height:34px; border:1px solid rgba(255,255,255,.25); border-radius:10px; place-items:center; background:transparent}
@media (max-width:980px){ .nav{display:none} .burger{display:grid} }