:root{--line:rgba(255,255,255,.08);--bg:rgba(11,12,15,.72);--text:#f1f2f6;--muted:#a7adbb;}
.topbar{position:sticky;top:0;z-index:10;background:var(--bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.wrap{max-width:1200px;margin:0 auto;padding:16px 18px}
.topbar__inner{display:flex;align-items:center;gap:16px}
.brand{font-weight:800;letter-spacing:.18em;font-size:14px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);text-decoration:none}
.nav{display:flex;gap:10px;flex:1}
.nav__link{padding:10px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted);text-decoration:none}
.nav__link:hover{border-color:var(--line);color:var(--text)}