.signup-shell{width:100%;max-width:1060px;display:grid;grid-template-columns:minmax(0,550px) minmax(0,1fr);gap:24px;align-items:start}
.signup-card .login-fields{margin-top:48px}.signup-card .login-support{margin-top:48px}
#signup-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#signup-form>input,#signup-form .password-control input,#signup-form select{display:block;width:100%;height:48px;min-height:48px;margin:0;padding:12px 15px;background:#f2f1ee;border:1px solid #e5e2dc;border-radius:8px;font:inherit;color:#111;box-shadow:none}
#signup-form>input{margin-bottom:20px}#signup-form input::placeholder{color:#555;opacity:1}
#signup-form input:focus,#signup-form select:focus{outline:2px solid #67528d;outline-offset:2px}
#signup-form .password-control{position:relative;display:block;width:100%;height:48px}
#signup-form .password-toggle{position:absolute;right:5px;top:3px;transform:none;width:42px;height:42px;padding:10px;border:0;background:transparent;border-radius:6px;display:grid;place-items:center}
#signup-form .password-toggle:hover{background:#e6e3dc}
#signup-form .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;display:block}
.field-hint,.signup-terms{font-size:13px;line-height:1.5;color:#555;margin:8px 0 0}
.select-label{display:block;font-size:14px;margin:20px 0 8px}.signup-options{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.signup-options>div{min-width:0}#signup-form select{font-size:14px}
#signup-session:empty{display:none}#signup-session,#form-error{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:16px 0 0}#form-error{color:#94211d}
.order-card{background:#f4f3ef;border:1px solid #e0ddd5;border-radius:28px;padding:44px 36px;color:#111;box-shadow:none}
.back-plans{font-size:14px;color:#555;text-decoration:none}.back-plans:hover{text-decoration:underline}
.order-card h2{font-size:32px;line-height:1.2;margin:38px 0 18px}.order-price{font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin:0 0 12px;overflow-wrap:anywhere}.order-price small,.order-price span{font-size:16px;font-weight:400;letter-spacing:0}
.order-note{font-size:14px;color:#444;line-height:1.55;margin:14px 0 0}.order-saving{font-size:13px;display:inline-block;background:#e8e6df;border-radius:100px;padding:6px 12px}.order-saving[hidden]{display:none}
#order-features{margin:28px 0;padding:24px 0 24px 18px;border-top:1px solid #d6d3cb;border-bottom:1px solid #d6d3cb;font-size:15px;line-height:1.5}#order-features li+li{margin-top:12px}
.order-total{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px}
@media(max-width:850px){.signup-shell{max-width:550px;grid-template-columns:minmax(0,1fr)}.order-card{padding:32px 26px}}
@media(max-width:400px){.signup-options{grid-template-columns:1fr;gap:0}.order-price{font-size:34px}}
#signup-form .signup-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0 4px;font-size:13px;line-height:1.5;color:#333}#signup-form .signup-consent[hidden]{display:none}#signup-form .signup-consent input{flex:0 0 16px;width:16px;height:16px;min-height:0;padding:0;margin:2px 0 0;accent-color:#222}.signup-result{max-width:550px;width:100%}.signup-result .login-fields{margin-top:40px}.signup-result p{line-height:1.6}.signup-result .login-submit{display:block;text-align:center;text-decoration:none;margin-top:16px}.signup-result [hidden]{display:none!important}.signup-result .result-secondary{background:#eeece6;color:#222;border:1px solid #d9d5ca}

.signup-visual-column{display:grid;gap:24px;min-width:0}.signup-feature{margin:0;border-radius:24px;overflow:hidden}.signup-feature img{display:block;width:100%;height:auto}.signup-visual-column .order-card{width:100%}

@media(min-width:851px){.signup-shell{align-items:stretch}.signup-visual-column{position:relative;align-self:stretch}.signup-feature{position:absolute;inset:0;height:100%}.signup-feature img{width:100%;height:100%;object-fit:cover;object-position:center}}

/* Compact helper and validation text across signup screens. */
#signup-form .field-hint,#signup-form .signup-terms{font-size:11px;line-height:1.5}
#signup-session,#form-error,#signup-price,#signup-payment-note{font-size:12px;line-height:1.5}

/* Keep important dropdown overrides in the shared layer so its background reset cannot hide the arrows. */
@layer website-ui {
body[data-website-ui] #signup-form select{
 -webkit-appearance:none;appearance:none;
 padding-right:44px!important;
 background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%)!important;
 background-position:right 21px center,right 16px center!important;
 background-size:5px 5px!important;
 background-repeat:no-repeat!important;
}
@media(forced-colors:active){
 body[data-website-ui] #signup-form select{-webkit-appearance:auto;appearance:auto;background-image:none!important;}
}
}