.signup-main{max-width:720px}
.signup h2{font-size:15px;letter-spacing:.02em;text-transform:uppercase;opacity:.7;margin:0 0 8px}
.signup-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:4px 0 24px}
.signup-list{margin:0;padding-left:20px;line-height:1.5}
.signup-list li{margin:0 0 6px}
.signup[data-state="kept"] .signup-fresh,.signup[data-state="fresh"] .signup-kept{display:none}
.signup-notice{display:none;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:8px 0 0}
.signup[data-notice="expired"] .signup-notice{display:block}
.signup[data-email="off"] .signup-email{display:none}
.signup-or{margin:20px 0 10px;opacity:.7}
.signup-email form{display:flex;flex-direction:column;gap:10px;max-width:420px}
.signup-field{font-weight:500}
.signup-email input[type="email"]{font:inherit;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit}
.signup-check{display:flex;gap:12px;align-items:center;min-height:48px;padding:8px 14px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:12px;font-size:16px;line-height:1.4;cursor:pointer}
.signup-check input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}
.signup-email .welcome-button{align-self:flex-start}
.signup-status{min-height:1.5em;margin:0}
.signup-status[data-kind="error"]{color:var(--danger,#b3261e)}
.example-login{display:flex;flex-direction:column;gap:10px;max-width:420px}
.example-login input{font:inherit;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit}
.example-login .welcome-button{align-self:flex-start;margin-top:6px}
.signup-result{display:none;margin:12px 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;line-height:1.5}
.signup[data-result="on"] .signup-result{display:block}
.signup-result-k{font-weight:500}
.signup-result-v{font-weight:600}