/* Both signup dialogs are maintained here and mounted once by signup-shared.js. */
body:has(#signupDialog[open],#signupFollowupDialog[open]){overflow:hidden}
#signupDialog,#signupFollowupDialog{box-sizing:border-box;width:min(490px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:32px;border:1px solid #dcebe4;border-radius:26px;background:#fff;color:#0b1720;font:16px/normal Inter,Arial,Helvetica,sans-serif;box-shadow:0 35px 100px #03191760}
#signupDialog::backdrop,#signupFollowupDialog::backdrop{background:#061b22aa;backdrop-filter:blur(5px)}
#signupDialog *,#signupFollowupDialog *{box-sizing:border-box}
:is(#signupDialog,#signupFollowupDialog) .close{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#f1f5f4;color:#263838;font:23px/1 Inter,Arial,sans-serif;cursor:pointer}
:is(#signupDialog,#signupFollowupDialog) .signup-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 0 20px;border-radius:16px;background:#e4fff2;color:#087d59}
:is(#signupDialog,#signupFollowupDialog) .signup-icon svg{display:block}
:is(#signupDialog,#signupFollowupDialog) h2{max-width:350px;margin:0 0 12px;padding:0;font-size:28px;font-weight:700;line-height:1.18;letter-spacing:-.7px;text-wrap:balance;color:#0b1720}
:is(#signupDialog,#signupFollowupDialog)>p{margin:0 0 22px;font-size:14px;line-height:1.55;font-weight:400;color:#66757a;text-wrap:pretty}
:is(#signupDialog,#signupFollowupDialog) form{display:grid;gap:11px;margin:0}
:is(#signupDialog,#signupFollowupDialog) .signup-fields{display:grid;gap:10px;min-width:0}
:is(#signupDialog,#signupFollowupDialog) .signup-fields input{min-width:0;width:100%;min-height:50px;padding:13px 15px;border:1px solid #d7e3df;border-radius:12px;background:#fff;color:#11232b;outline:none;font:16px/1.4 Inter,Arial,sans-serif}
:is(#signupDialog,#signupFollowupDialog) .signup-fields input:focus{border-color:#00b979;box-shadow:0 0 0 3px #00ef9535}
:is(#signupDialog,#signupFollowupDialog) .signup-promo-label{display:block;margin:3px 0 -4px;font-size:13px;line-height:1.4;font-weight:600;color:#344b43}
:is(#signupDialog,#signupFollowupDialog) .signup-promo-label span{font-weight:400;color:#66757a}
:is(#signupDialog,#signupFollowupDialog) .signup-fields .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:2px 0 0;padding:14px 20px;border:0;border-radius:999px;background:#00df91;color:#072e20;font:600 15px/1.3 Inter,Arial,sans-serif;text-decoration:none;white-space:normal;cursor:pointer}
:is(#signupDialog,#signupFollowupDialog) .signup-fields .btn:hover{background:#00cf86}
:is(#signupDialog,#signupFollowupDialog) button:disabled{opacity:.65;cursor:wait}
#signupDialog .consent{display:flex;align-items:flex-start;gap:10px;margin:3px 0 0;padding:0;max-width:100%;font-size:12px;line-height:1.5;color:#46594f;opacity:1;text-align:left}
#signupDialog .consent input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#00bd7b;cursor:pointer}
#signupDialog .consent span{min-width:0}
#signupDialog .signup-privacy{justify-self:start;margin-left:30px;font-size:12px;line-height:1.5;color:#52675e;text-decoration:underline;text-underline-offset:3px}
:is(#signupDialog,#signupFollowupDialog) .signup-message{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
:is(#signupDialog,#signupFollowupDialog) .signup-message:empty{display:none}
:is(#signupDialog,#signupFollowupDialog) .signup-message[data-state=success]{color:#007b4e}
:is(#signupDialog,#signupFollowupDialog) .signup-message[data-state=error]{color:#ad3425}
#signupFollowupDialog strong{font-weight:600;overflow-wrap:anywhere;color:#344b43}
#signupFollowupDialog .followup-skip{display:block;margin:14px auto 0;padding:10px 16px;min-height:44px;border:0;border-radius:8px;background:none;color:#52675e;font:14px/1.5 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
:is(#signupDialog,#signupFollowupDialog) [hidden]{display:none!important}
:is(#signupDialog,#signupFollowupDialog) :is(button,a):focus-visible{outline:3px solid #008657;outline-offset:4px}
@media(max-width:485px){#signupDialog,#signupFollowupDialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 20px;border-radius:22px}:is(#signupDialog,#signupFollowupDialog) .signup-icon{width:44px;height:44px;margin-bottom:16px;border-radius:14px}:is(#signupDialog,#signupFollowupDialog) h2{max-width:300px;font-size:25px;letter-spacing:-.5px}:is(#signupDialog,#signupFollowupDialog)>p{margin-bottom:18px}:is(#signupDialog,#signupFollowupDialog) .signup-fields .btn{padding-inline:12px}}
@media(max-height:600px){#signupDialog,#signupFollowupDialog{padding-block:22px}:is(#signupDialog,#signupFollowupDialog) .signup-icon{display:none}:is(#signupDialog,#signupFollowupDialog) h2{padding-right:28px}}