/* bonfire.vanguardsynapse.com – "Natten over bålet", in Vanguard's palette. */
:root {
  --night: #04071a;
  --night2: #0b1233;
  --line: #1e2a5e;
  --ink: #eef2ff;
  --muted: #a9b3d9;
  --faint: #6b75a3;
  --ember: #ff7a1a;
  --gold: #ffb347;
  --pink: #ff2fd2;
  --cyan: #36e2ff;
  --violet: #8b5cf6;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--night); color: var(--ink); font: 16px/1.6 Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body {
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(139, 92, 246, 0.22), transparent 60%),
    radial-gradient(900px 500px at 10% 0%, rgba(54, 226, 255, 0.12), transparent 60%),
    radial-gradient(600px 400px at 50% 110%, rgba(255, 122, 26, 0.18), transparent 70%),
    var(--night);
}
a { color: var(--cyan); }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.brand { font: 800 15px/1 Montserrat, system-ui, sans-serif; letter-spacing: 0.4em; color: var(--gold); text-decoration: none; }
.brand small { display: block; margin-top: 6px; font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.12em; color: var(--faint); }
.mono { font: 500 12px/1.4 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cyan); }
h1 { font: 800 clamp(32px, 7vw, 54px)/1.05 Montserrat, system-ui, sans-serif; margin: 18px 0 14px; letter-spacing: -0.01em; }
h1 .glow { background: linear-gradient(90deg, var(--gold), var(--ember), var(--pink)); -webkit-background-clip: text; background-clip: text; color: transparent; }
h2 { font: 700 22px/1.3 Montserrat, system-ui, sans-serif; margin: 36px 0 8px; }
p, li { color: var(--muted); }
.fire { font-size: 84px; line-height: 1; filter: drop-shadow(0 0 30px rgba(255, 122, 26, 0.6)); margin-top: 40px; }
.card { margin-top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(11, 18, 51, 0.72); }
.grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-top: 24px; }
.grid .card { margin: 0; }
.card b { display: block; color: var(--ink); margin-bottom: 4px; }
.btn {
  display: inline-block; margin: 8px 8px 0 0; padding: 14px 22px; border-radius: 999px; text-decoration: none;
  font: 700 15px/1 Montserrat, system-ui, sans-serif; color: var(--night);
  background: linear-gradient(90deg, var(--gold), var(--ember), var(--pink)); box-shadow: 0 0 24px rgba(255, 122, 26, 0.45);
}
.btn.ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); box-shadow: none; }
.code { font: 500 20px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.2em; color: var(--cyan); }
footer { margin-top: 56px; font-size: 13px; color: var(--faint); }
footer a { color: var(--faint); margin-right: 14px; }
.legal h2 { font-size: 18px; }
.legal p, .legal li { font-size: 15px; }