*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#05070b;
  color:#eaf1ff;
}
a{color:inherit;text-decoration:none}
.container{width:min(1200px,92%);margin:0 auto}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#eaf1ff;
  cursor:pointer;
}
.btn.primary{
  background:linear-gradient(90deg, rgba(0,255,220,.18), rgba(160,120,255,.18));
  border-color:rgba(0,255,220,.25);
}
.btn:active{transform:translateY(1px)}
.muted{opacity:.75}
.small{font-size:12px}

/* Topbar */
.topbar{position:absolute;top:0;left:0;right:0;z-index:20}
.topbar__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 0;
}
.brand{display:flex;align-items:center;gap:12px}
.brand__mark{
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  display:grid;place-items:center;
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.brand__name{font-weight:900;letter-spacing:.6px}
.brand__tag{font-size:12px;opacity:.75}

.nav{display:flex;align-items:center;gap:18px}
.nav__cta{
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}