:root{
  --bg1:#070A12; --bg2:#0B1224;
  --card: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.10);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);
  --accent1:#7C3AED; --accent2:#06B6D4;
  --danger:#EF4444; --ok:#22C55E; --warn:#F59E0B;
  --shadow: 0 30px 80px rgba(0,0,0,.55);
  --radius: 22px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--text);
  background:
    radial-gradient(1100px 600px at 15% 10%, rgba(124,58,237,.35), transparent 60%),
    radial-gradient(1000px 650px at 85% 15%, rgba(6,182,212,.28), transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  min-height:100svh;
}
a{color:inherit}