:root{--accent: #2563eb;--err: #b91c1c;font-family:system-ui,sans-serif}body{margin:0;background:#f8fafc;color:#0f172a;line-height:1.55}main{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:2rem;margin-bottom:.25rem}.tagline{background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:.75rem 1rem}form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}label{display:flex;flex-direction:column;font-weight:600;gap:.25rem}input{padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.75rem 1rem;font-size:1.05rem;cursor:pointer}button:disabled{opacity:.5;cursor:wait}details{background:#f1f5f9;border-radius:6px;padding:.5rem .75rem}.privacy{font-size:.85rem;color:#475569}.error{color:var(--err);font-weight:600}.hint{color:#475569;font-size:.9rem}#progress-list{list-style:none;padding:0}#progress-list li{padding:.3rem 0}#optin{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem}#optin-form{flex-direction:row}#optin-form input{flex:1}footer dl dt{font-weight:700;margin-top:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}