/* assets/nav.css — меню с логотипом/названием */
:root{
  --bg:#0a0a0a; --bg2:#0f0f0f; --line:#181818; --fg:#fff; --glow:#00eaff;
}
.header{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01));
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
}
.navwrap{ max-width: 1100px; margin: 0 auto; padding: 10px 14px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.brand{ font-weight:900; letter-spacing:.5px; font-size:20px; text-shadow:0 0 6px var(--glow); }
.brand a{ color:var(--fg); text-decoration:none }
.menu{ display:flex; align-items:center; gap:14px; }
.menu a{ color:var(--fg); text-decoration:none; padding:8px 12px; border-radius:8px; border:1px solid transparent; }
.menu a:hover{ background:#111; border-color:var(--line) }
.menu a.active{ box-shadow:0 0 10px var(--glow) inset, 0 0 8px rgba(0,234,255,.35) }
.cta{ padding:8px 14px; border-radius:999px; background:#101010; border:1px solid var(--line); box-shadow:0 0 10px var(--glow) inset, 0 0 10px var(--glow); font-weight:700 }
.burger{ display:none; width:40px; height:40px; border-radius:10px; border:1px solid var(--line); background:#0f0f0f; align-items:center; justify-content:center }
.burger span{ width:18px; height:2px; background:#9ad2ff; position:relative; display:block }
.burger span::before,.burger span::after{content:''; position:absolute; left:0; right:0; height:2px; background:#9ad2ff}
.burger span::before{ top:-6px } .burger span::after{ top:6px }
@media (max-width: 800px){
  .menu{ display:none; position:fixed; left:12px; right:12px; top:58px; background:var(--bg2);
         border:1px solid var(--line); border-radius:14px; padding:10px; flex-direction:column; gap:10px;
         box-shadow:0 20px 40px rgba(0,0,0,.5); }
  .menu.open{ display:flex }
  .burger{ display:flex }
}