.text-signup{max-width:36rem;margin:12vh auto;padding:2rem;color:var(--ink);font-family:var(--sure-font)}
.text-signup h1{font-size:2rem;font-weight:400;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem}
.text-signup #text-heading{font-size:1.6rem;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin:2rem 0 .75rem}
.text-signup p{line-height:1.6;overflow-wrap:anywhere}
.text-signup #text-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.text-signup button,.text-signup .button{min-height:44px}
.text-signup #text-status:empty{display:none}
.text-signup #text-status{color:var(--danger);margin-top:1rem}
.text-signup #text-status[data-kind=success]{color:var(--muted)}
.text-signup #text-details>p{margin-top:.75rem}
.text-signup #text-details details{margin-top:1rem}
.text-signup #text-details summary{min-height:44px;padding-block:.6rem;cursor:pointer}
.text-signup #text-details details p{margin-bottom:.75rem}
.text-signup #text-details code{overflow-wrap:anywhere}
.signup-recommendation{margin-top:1.75rem;padding:1.5rem;border:1px solid var(--field-line);border-radius:var(--sure-radius);background:var(--surface)}
.signup-recommendation .signup-eyebrow{color:var(--accent);font-size:.8rem;font-weight:700;margin-bottom:.5rem}
.signup-recommendation h3{font-size:1.15rem;font-weight:400;letter-spacing:-.015em;line-height:1.4;margin-bottom:.75rem}
.signup-recommendation .signup-help{margin-top:.75rem}
.signup-recommendation .signup-account{color:var(--muted);font-size:.85rem;margin-top:1rem}
.signup-recommendation button{margin-top:1rem;width:100%;white-space:normal}
.text-signup #text-details>.signup-later{margin-top:1.25rem}
.text-signup:has(.signup-recommendation) #text-actions{margin-top:1rem;justify-content:space-between}

.signup-form{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;width:100%}
.signup-form input,.text-signup textarea{width:100%;min-height:44px;padding:.7rem;color:var(--ink);background:var(--surface);border:1px solid var(--field-line);border-radius:var(--sure-radius);font:inherit}
.signup-form label{font-weight:500}.signup-help{font-size:.9rem;color:var(--muted)}
.signup-option{display:flex;gap:.6rem;align-items:center;width:100%;min-height:44px}.signup-option input{width:20px;height:20px;accent-color:var(--accent)}
.text-signup textarea{resize:none;font-size:.85rem;min-height:5rem;overflow-wrap:anywhere}
@media(max-width:480px){.text-signup{margin:6vh auto;padding:1.5rem}.signup-recommendation{padding:1.25rem}}