:root{ --bg:#0B0D10; --accent:#7A5CFF; --accent2:#37C7F7; --mist:#B7C4D6; }
.sc-nav{
  position:fixed; top:18px; left:50%; transform:translateX(-50%);
  display:flex; gap:18px; padding:10px 14px; z-index:9999;
  background:rgba(11,13,16,.55); backdrop-filter:blur(10px);
  border:1px solid rgba(122,92,255,.25); border-radius:999px;
}
.sc-nav a{ color:var(--mist); text-decoration:none; font-weight:600; font-size:14px; padding:8px 10px; }
.sc-nav a:hover{ color:#fff; }
.sc-nav a.active{ color:#fff; text-shadow:0 0 8px rgba(55,199,247,.7); }
.sc-nav a.cta{ border:1px solid var(--accent); border-radius:999px; color:#fff; }
.sc-nav a.cta:hover{ background:var(--accent2); border-color:var(--accent2); }
@media (max-width:640px){ .sc-nav{ gap:12px; padding:8px 10px; } .sc-nav a{ padding:6px 8px; font-size:13px; } }