@font-face{font-family:Onest;src:url('Onest-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('Onest-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#101113;--panel:#1a1c1f;--ink:#f5f6f8;--muted:#afb4bd;--mint:#25dcad;--line:#363a40}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Onest,sans-serif;scrollbar-color:var(--line) var(--bg)}
::selection{background:var(--mint);color:#081b16}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
header,footer{max-width:1080px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:32px;flex-shrink:0}.wordmark{font-size:24px;font-weight:700;font-style:italic;letter-spacing:-.03em}.flow{font-size:20px;color:var(--mint)}.personal{color:var(--muted);font-size:13px}
main{max-width:620px;margin:auto;padding:58px 28px 40px}h1{font-size:clamp(36px,6vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;font-weight:700;text-wrap:balance}h1 span{color:var(--mint)}.lead{color:var(--muted);margin:0 0 34px;max-width:49ch}
.profile{background:var(--panel);border-radius:16px;padding:26px}.profile-head{margin-bottom:22px}.subscription{font-weight:700;font-size:18px}.primary{background:var(--mint);color:#08251d;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;min-height:56px;border-radius:10px;font-weight:700;text-decoration:none;gap:10px}.primary:hover{background:#5ce8c3}.primary svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.after{font-size:13px;color:var(--muted);margin:16px 0 0;line-height:1.65}
details{margin-top:26px;border-bottom:1px solid var(--line);padding-bottom:20px}summary{cursor:pointer;min-height:44px;display:list-item;padding:9px 0}details p{color:var(--muted);font-size:14px;margin:10px 0 16px}button{min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:10px 16px;cursor:pointer;text-align:left}button:hover{border-color:var(--mint)}label{display:block;font-size:12px;color:var(--muted);margin:16px 0 8px}input{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:8px;width:100%;padding:12px;font-size:13px;caret-color:var(--mint)}.privacy{font-size:12px;color:var(--muted);margin:22px 0 0;max-width:55ch}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;padding-bottom:22px}
@media(max-width:480px){header{padding:20px}.personal{display:none}main{padding:36px 20px 30px}.profile{padding:22px 20px}footer{padding:20px}.primary{padding:16px}.lead{margin-bottom:26px}}

.primary.secondary{margin-top:12px;background:transparent;color:var(--ink);border:1px solid var(--line)}.primary.secondary:hover{border-color:var(--mint);background:#23272b}