:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10131c; color: #edf0f7; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 640px; margin: 10vh auto; padding: 28px; }
.eyebrow { color: #a9b7ff; font-size: .8rem; letter-spacing: .14em; font-weight: 700; }
h1 { font-size: clamp(2rem, 6vw, 3.2rem); letter-spacing: -.04em; line-height: 1.1; }
p { font-size: 1.05rem; line-height: 1.7; color: #bbc3d6; }
h2 { font-size: 1.15rem; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 28px; }
.button { display: inline-block; padding: 15px 22px; background: #6274f5; color: white; border-radius: 8px; text-decoration: none; font-weight: 650; }
.button:hover { background: #7182ff; }
.button.secondary { background: #252c40; box-shadow: inset 0 0 0 1px #56617e; }
.button.secondary:hover { background: #343e57; }
a:focus-visible { outline: 3px solid white; outline-offset: 5px; }
section { border-top: 1px solid #303649; padding-top: 22px; }
code { color: #d3dbff; }