:root{
  --bg:#0b1620;
  --panel:#0f1f2d;
  --ink:#e6eef6;
  --muted:#9db1c7;
  --accent:#b6e0ff;
  --brand:#1e88e5;
}
html { scroll-behavior: smooth; }
.bg-grid {
  background-image:
    radial-gradient(ellipse at 20% 10%, rgba(182,224,255,.08), transparent 40%),
    radial-gradient(ellipse at 80% -10%, rgba(102,178,255,.08), transparent 40%);
}
.card { background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); }
.shadow-soft { box-shadow: 0 10px 30px rgba(0,0,0,.35); }
a{ transition: opacity .15s ease, color .15s ease, background-color .15s ease, border-color .15s; }