:root{color-scheme:dark;--violet:#a78bfa;--white:#f2f2f2;--card:#1c1c1e;--mute:#c4c4c8;font-family:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#000;color:var(--white);line-height:1.55}
main{max-width:680px;margin:auto;padding:48px 24px 64px}
a{color:var(--violet);text-underline-offset:.2em}
a:focus-visible{outline:3px solid white;outline-offset:5px}
.mark{font-size:34px;font-weight:600;letter-spacing:-.01em;text-decoration:none;color:var(--white)}
.mark b{font-weight:600;color:var(--violet)}
h1{font-size:clamp(1.75rem,6vw,2.2rem);line-height:1.2;margin:32px 0 16px;text-wrap:balance}
h2{font-size:1.3rem;margin-top:32px}
p,li{font-size:1.05rem;color:var(--mute)}
.hero{text-align:center}
.icon{display:block;width:128px;height:128px;margin:36px auto 0;border-radius:28px}
footer{border-top:1px solid #333;margin-top:40px;padding-top:20px;font-size:.9rem;color:var(--mute)}
footer a{margin-right:16px}
@media(prefers-contrast:more){:root{--mute:#f2f2f2}footer{border-color:#fff}}
@media(max-width:390px){main{padding:32px 18px}}