.nav { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; backdrop-filter: blur(8px); }
.nav-left, .nav-right { display:flex; align-items:center; gap:12px; }
.nav-logo { width:32px; height:32px; border-radius:8px; }
.nav-brand { display:flex; align-items:center; gap:8px; font-weight:600; text-decoration:none; }
.nav-link { text-decoration:none; opacity:.85; }
.nav-link:hover { opacity:1; }
.btn { padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.08); cursor:pointer; }
.btn-ghost { background: transparent; border: none; }
.btn-secondary { background: rgba(255,255,255,.12); }
.-pill { padding:6px 10px; border-radius:999px; background: rgba(255,255,255,.10); font-size:.9rem; }