:root{
  --bg: #0b1020;
  --card: #111827;
  --muted: #94a3b8;
  --text: #e5e7eb;
  --brand: #22d3ee;
  --brand-2: #7c3aed;
  --ok: #10b981;
  --err: #ef4444;
  --focus: #f59e0b;
}

*{ box-sizing:border-box }
html,body{ height:100% }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  background: radial-gradient(1200px 800px at 10% -10%, rgba(124,58,237,.15), transparent 60%),
              radial-gradient(1000px 700px at 100% 10%, rgba(34,211,238,.15), transparent 60%),
              var(--bg);
  color: var(--text);
  line-height:1.6;
}

a{ color: var(--brand); text-decoration: none }
a:hover{ text-decoration: underline }
.container{ max-width: 1100px; margin: 0 auto; padding: 0 1rem }