:root{
  --bg:#0b1220;
  --bg2:#0f172a;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --text:#0b1220;
  --text2:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --success:#16a34a;
  --danger:#dc2626;
  --shadow:0 18px 50px rgba(2,6,23,.12);
  --shadow2:0 10px 28px rgba(2,6,23,.10);
  --radius:16px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background: linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
}

a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1240px;margin:0 auto;padding:18px}

code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}