:root { color-scheme: dark; --ground: #212129; --plate: #2C2C36; --ink: #fff; --muted: #A3A3B2; --glow: #F4B740; --on-glow: #1A1405; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(120% 80% at 10% 0%, #0E6E78 0%, transparent 55%), radial-gradient(120% 80% at 100% 100%, #5B24D6 0%, transparent 55%), var(--ground); background-attachment: fixed;
  color: var(--ink); font: 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
main { max-width: 34rem; margin: 0 auto; padding: 4rem 1.25rem; }
h1 { font-size: 2.1rem; line-height: 1.15; font-weight: 700; font-stretch: expanded; letter-spacing: -0.01em; margin: 0 0 1rem; }
h2 { font-size: 1.15rem; margin: 2.2rem 0 0.4rem; }
p, li { color: var(--muted); } p strong, li strong { color: var(--ink); }
a { color: var(--glow); }
.button { display: block; text-align: center; text-decoration: none; font-weight: 700; padding: 1rem; border-radius: 14px; margin-top: 0.75rem; }
.primary { background: var(--glow); color: var(--on-glow); } .outline { border: 1.5px solid var(--ink); color: var(--ink); }
.mark { width: 72px; height: 72px; margin-bottom: 1.5rem; }
footer { margin-top: 3rem; font-size: 0.9rem; } footer a { margin-right: 1rem; }
a:focus-visible { outline: 3px solid var(--glow); outline-offset: 3px; }