@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --bg: #0b1020;
  --bg-2: #111831;
  --panel: rgba(255,255,255,.08);
  --panel-2: rgba(255,255,255,.12);
  --text: #eef2ff;
  --muted: #99a6c8;
  --line: rgba(255,255,255,.14);
  --brand: #5eead4;
  --brand-2: #60a5fa;
  --ok: #34d399;
  --warn: #fbbf24;
  --danger: #fb7185;
  --cold: #38bdf8;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
  --radius: 22px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(94,234,212,.18), transparent 32rem),
    radial-gradient(circle at top right, rgba(96,165,250,.16), transparent 34rem),
    linear-gradient(135deg, #080d1d, #111827 58%, #0f172a);
}

button, input, select { font: inherit; }
button { cursor: pointer; }