:root { color-scheme: dark; --night:#0E1A2B; --deep:#0A1220; --flood:#F3F0E4; --mist:#A9B0BC; --cone:#FF8A3D; --pitch:#3FBF78; --panel:#16243A; }
* { box-sizing: border-box; }
body { margin:0; background:var(--night); color:var(--flood); font: 17px/1.45 -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; }
main { max-width: 560px; margin: 0 auto; padding: 40px 24px 64px; }
.mark { display:flex; align-items:center; gap:12px; margin-bottom:32px; }
.mark svg { width:44px; height:44px; }
.mark b { letter-spacing:.18em; font-weight:800; font-size:14px; }
h1 { font-size: 34px; line-height:1.1; margin: 0 0 8px; font-weight: 800; }
p { color: var(--mist); margin: 0 0 20px; }
.card { background: var(--panel); border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 24px; margin: 0 0 20px; }
.row { display:flex; align-items:center; gap:16px; }
.ring { width:64px; height:64px; border-radius:50%; border:6px solid rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; }
.cap { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--pitch); margin-bottom:6px; }
.btn { display:block; text-align:center; background:var(--cone); color:#1a0f05; font-weight:700; padding:16px; border-radius:999px; text-decoration:none; margin: 8px 0; }
.btn.quiet { background: transparent; color: var(--flood); border:1px solid rgba(255,255,255,.2); }
.foot { font-size: 13px; color: var(--mist); margin-top: 32px; }
.foot a { color: var(--mist); }