:root{
  --bg0:#0b1220;
  --bg1:#0f172a;
  --border:#24314d;
  --text:#e6edf7;
  --muted:#9bb0cc;
  --brand1:#6366f1;
  --brand2:#8b5cf6;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1200px 800px at 20% 20%, rgba(99,102,241,.25) 0%, transparent 60%),
    radial-gradient(1000px 700px at 80% 70%, rgba(139,92,246,.18) 0%, transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  color:var(--text);
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important}
}