*{box-sizing:border-box}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background-color:var(--bg);background-image:linear-gradient(#4c3df00b 1px,#0000 1px),linear-gradient(90deg,#4c3df00b 1px,#0000 1px);background-size:40px 40px;margin:0}body:before{content:"";pointer-events:none;border:72px solid #4c3df014;border-radius:50%;width:320px;height:320px;position:fixed;top:-130px;right:-150px}main{flex-direction:column;justify-content:center;width:min(100% - 32px,540px);min-height:100vh;margin:auto;padding:48px 0;display:flex}.brand{color:var(--muted);font:500 12px var(--font-mono);align-self:flex-start;margin-bottom:22px;text-decoration:none}.brand span{background:var(--primary);width:34px;height:24px;color:var(--bg);border-radius:6px;place-items:center;margin-right:8px;font-weight:700;display:inline-grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:clamp(28px,6vw,48px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000047}.card:after{content:"{}";color:#4c3df017;font:700 84px var(--font-mono);pointer-events:none;position:absolute;top:14px;right:22px}.eyebrow{color:var(--primary);font:500 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;position:relative}h1{max-width:390px;font:700 var(--display-3)/1.15 var(--font-display);letter-spacing:-.035em;margin:0;position:relative}.lead{color:var(--muted);margin:20px 0 28px;font-size:16px;line-height:1.65;position:relative}.notice{color:var(--warning-text);background:var(--surface);border:1px solid var(--warning-tint);border-radius:8px;padding:12px 14px;font-size:14px}label{color:var(--text-strong);margin-bottom:8px;font-size:13px;font-weight:700;display:block}input{border:1px solid var(--border-strong);background:var(--bg-raised);width:100%;height:52px;color:var(--text-strong);font:16px var(--font-body);border-radius:8px;outline:none;padding:0 15px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4c3df029}button{background:var(--primary);width:100%;min-height:52px;color:var(--on-primary);font:700 15px var(--font-body);cursor:pointer;border:0;border-radius:8px;margin-top:12px;padding:13px 18px;transition:background .18s,transform .18s}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.72}.success{background:#009c3b14;border:1px solid #009c3b75;border-radius:10px;align-items:flex-start;gap:14px;padding:18px;display:flex}.check{background:var(--success-text);height:32px;color:var(--success-tint);border-radius:50%;flex:0 0 32px;place-items:center;font-weight:700;display:grid}.success strong{color:var(--text-strong)}.success p{color:var(--muted);margin:5px 0 0;font-size:14px;line-height:1.55}.foot{color:var(--muted);margin:24px 0 0;font-size:14px}a{color:var(--primary)}a:hover{color:var(--warning-text)}.privacy{text-align:center;color:var(--muted);font:11px var(--font-mono);margin:18px 0 0}@media (width<=520px){main{justify-content:flex-start;padding-top:28px}.card{padding:28px 22px}.card:after{display:none}}@media (prefers-reduced-motion:no-preference){.card{animation:.45s ease-out both arrive}@keyframes arrive{0%{opacity:0;transform:translateY(14px)}}}
