:root{color-scheme:dark;--bg:#0d0b12;--panel:rgba(31,25,40,.82);--border:rgba(255,255,255,.1);--text:#f7f4fb;--muted:#b8afc3;--accent:#b79af4;--accent2:#d4c2ff}
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(130,88,196,.24),transparent 42rem),var(--bg)}
a{color:var(--accent2)}
.page{width:min(760px,calc(100% - 32px));margin:0 auto;padding:64px 0 36px}
.card{border:1px solid var(--border);border-radius:30px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{padding:72px 56px;text-align:center}
.content{padding:52px}
.mark{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 28px;border-radius:23px;font-size:44px;font-weight:700;background:linear-gradient(145deg,#ddcfff,#7b5aa9);color:#231a2f;box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 16px 40px rgba(89,58,129,.45)}
.eyebrow{margin:0 0 18px;color:var(--accent);font-size:13px;font-weight:750;letter-spacing:.16em}
h1{margin:0;font-size:clamp(42px,8vw,72px);line-height:.98;letter-spacing:-.055em}
.content h1{font-size:clamp(40px,7vw,60px);line-height:1}
h2{margin:40px 0 10px;font-size:22px;letter-spacing:-.025em}
h3{margin:28px 0 8px;font-size:18px}
p{color:var(--muted);line-height:1.65}
.lead{max-width:570px;margin:28px auto 34px;font-size:19px}
.content .lead{margin-left:0}
.muted{margin-top:14px;font-size:14px}
.button{display:inline-block;padding:13px 19px;border-radius:999px;background:var(--text);color:#17121d;font-weight:700;text-decoration:none}
.button.disabled{opacity:.72;cursor:default}
.back{display:inline-block;margin-bottom:46px;color:var(--muted);text-decoration:none}
.faq{margin-top:52px;padding-top:4px;border-top:1px solid var(--border)}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 26px;padding:28px 12px 0;font-size:14px}
footer a{color:var(--muted);text-decoration:none}
footer a:hover,.back:hover{color:var(--text)}
@media(max-width:600px){.page{padding-top:24px}.hero,.content{padding:40px 24px;border-radius:24px}.hero{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center}.lead{font-size:17px}}