:root{
  --bg:#0a1022; --card:#0b1328; --stroke:#223159;
  --ink:#eaf1ff; --muted:#9fb5ffb3; --accent:#2b5cff;
}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
body{padding-top:92px} /* room for fixed nav */

.nav-wrap{position:fixed; top:14px; left:0; right:0; z-index:1000; display:flex; justify-content:center; background:transparent; pointer-events:none;}
.nav{
  pointer-events:auto; width:min(1150px,94vw);
  display:flex; align-items:center; gap:14px;
  padding:12px 22px; border-radius:50px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(18,25,54,.55), rgba(18,25,54,.38));
  backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);
  box-shadow: 0 10px 28px rgba(0,0,0,.38), inset 0 1px 2px rgba(255,255,255,.15);
  transition: transform .2s ease, box-shadow .2s ease;
}
.nav:hover{transform:translateY(-1px); box-shadow:0 14px 36px rgba(0,0,0,.46), inset 0 1px 2px rgba(255,255,255,.2);}

.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand .logo{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#111a34;border:1px solid var(--stroke)}
.nav-links{display:flex;gap:10px;margin-left:auto;align-items:center}

.nav a{color:var(--ink);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:40px;border:1px solid transparent}
.nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.btn-cta{background:linear-gradient(135deg,#4361EE,#6A85FF); border-color:transparent; color:#fff !important; padding:9px 14px; border-radius:40px; box-shadow:0 6px 18px rgba(67,97,238,.45)}
.btn-cta:hover{filter:brightness(1.07)}

.menu-btn{display:none;margin-left:auto}
.menu-btn button{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--ink);padding:8px 10px;border-radius:12px;cursor:pointer}

@media (max-width:760px){
  .nav{gap:10px}
  .nav-links{display:none;flex-direction:column;width:100%;margin:10px 0 0}
  .nav.open .nav-links{display:flex}
  .menu-btn{display:block}
}