:root{
  --bg: #0b1220;
  --bg-card: #111a2e;
  --bg-soft: #17233f;
  --bg-elev: #1c2e5a;
  --primary: #5b7cff;
  --primary-2: #7b5bff;
  --accent: #00e5cc;
  --text: #eef2ff;
  --text-muted: #9aa8cc;
  --border: #24365f;
  --success: #00d38a;
  --warning: #ffb02e;
  --danger: #ff5470;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 8px 32px rgba(0,0,0,.35);
  --shadow-soft: 0 4px 16px rgba(0,0,0,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: radial-gradient(1200px 600px at 80% -10%, rgba(91,124,255,.18), transparent 60%),
              radial-gradient(900px 500px at -10% 30%, rgba(0,229,204,.12), transparent 60%),
              var(--bg);
  color:var(--text);
  min-height:100vh;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--primary)}
button{font-family:inherit}