:root{--ink:#14213d;--muted:#5b6475;--bg:#fafaf7;--accent:#1f6f5c;--line:#dfe2e6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:560px;margin:0 auto;padding:28px 20px 48px}
.tag{margin:0 0 20px;font-weight:700;color:var(--accent)}
.tag span{font-weight:400;color:var(--muted)}
h1{font-size:2rem;line-height:1.15;margin:0 0 14px}
.lead{color:var(--muted);margin:0 0 24px}
.steps{padding-left:20px;margin:0 0 12px}
.steps li{margin-bottom:12px}
.note{color:var(--muted);font-size:.95rem;margin:0 0 28px}
form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
label{display:block;font-weight:600;margin-bottom:6px}
input[type=email]{width:100%;font:inherit;padding:12px;border:1px solid #b8bec7;border-radius:8px}
input:focus-visible,button:focus-visible{outline:3px solid #8fc9b8;outline-offset:2px}
fieldset{border:0;padding:0;margin:16px 0}
legend{font-size:.95rem;color:var(--muted);margin-bottom:6px;padding:0}
.opt{display:inline-block;font-weight:400;margin-right:18px;padding:6px 0}
.opt input{margin-right:6px;width:18px;height:18px;vertical-align:-3px}
button{width:100%;font:inherit;font-weight:700;color:#fff;background:var(--accent);border:0;border-radius:8px;padding:14px;cursor:pointer}
button[disabled]{opacity:.6;cursor:default}
#msg{min-height:1.4em;margin:12px 0 0;font-size:.95rem}
#msg.err{color:#a4262c}
#msg.ok{color:var(--accent);font-weight:600}
.private{margin-top:22px;font-size:.9rem;color:var(--muted)}
@media(min-width:700px){main{padding-top:64px}h1{font-size:2.5rem}}