/* Shared, quiet account layout. All registration fields and validation remain intact. */
body.auth-page{background:#fff;color:#34383b;min-height:100dvh;--auth-accent:#ed0033;--auth-border:#e4e4e4}
.auth-header{display:flex;justify-content:center;padding:34px 20px 0}
.auth-brand{display:flex;align-items:center;gap:18px;width:fit-content}
.auth-brand-mark{display:flex;flex-direction:column;align-items:center;width:132px}
.auth-brand-mark img{width:132px;height:auto;filter:brightness(0) saturate(100%) invert(49%) sepia(97%) saturate(1554%) hue-rotate(156deg) brightness(94%) contrast(102%)}
.auth-brand-mark>span{font-size:10px;font-weight:700;color:var(--auth-accent);line-height:1.3;letter-spacing:.3em;margin-top:4px}
.auth-brand>b{font-size:18px;font-weight:700;letter-spacing:.01em;color:var(--auth-accent);border-left:1px solid #e3e3e3;padding-left:18px}
.auth-page .login-section,.auth-page .membership-section{width:calc(100% - 40px);padding:0;margin:52px auto 0}
.auth-page .login-section{max-width:472px}
.auth-page .membership-section{max-width:620px}
.auth-page .login-shell,.auth-page .membership-layout{display:block;max-width:none;border:0;border-radius:0;background:none;box-shadow:none}
.auth-page .login-content,.auth-page .membership-card{border:1px solid var(--auth-border);border-radius:9px;background:#fff;box-shadow:none;padding:52px 54px;min-width:0}
.auth-page .membership-card{padding:36px 34px;scroll-margin-top:24px}
.auth-page .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #dadada;margin:0 0 28px}
.auth-page .auth-tabs a{position:relative;padding:13px 8px;font-size:15px;line-height:1.5;font-weight:500;text-align:center;border:0;color:#888}
.auth-page .auth-tabs a[aria-current=page]{color:#303438}
.auth-page .auth-tabs a[aria-current=page]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--auth-accent);border-radius:4px 4px 0 0}
.auth-page .login-field{margin:0 0 16px}
.auth-page .login-field input,.auth-page .form-field input,.auth-page .form-field textarea,.auth-page .form-field select,.auth-page .form-field .site-select-trigger{background:#f3f3f3;border:1px solid transparent;border-radius:8px;box-shadow:none;min-height:52px;color:#34383b;font-size:15px;font-weight:400;padding:13px 15px}
.auth-page .login-field input{height:56px;margin:0;font-size:16px}
.auth-page .login-field input::placeholder,.auth-page .form-field input::placeholder,.auth-page .form-field textarea::placeholder{color:#777;opacity:1}
.auth-page .login-password input{padding-right:55px}
.auth-page .login-password-toggle{top:5px;right:5px;color:#777}
.auth-page :is(input,textarea,select,.site-select-trigger):focus-visible{outline:2px solid #009dd1;outline-offset:2px;background:#fff}
.auth-page .form-field [aria-invalid=true]{border-color:#c73344;background:#fff8f9}
.auth-page .button.primary{background:var(--auth-accent);border:1px solid var(--auth-accent);color:#fff;border-radius:8px;box-shadow:none;font-weight:650}
.auth-page .button.primary:hover{background:#d6002e;border-color:#d6002e;transform:none}
.auth-page .login-submit{display:flex;justify-content:center;width:100%;min-height:56px;margin-top:24px;font-size:16px}
.auth-page .login-signup{margin:24px 0 0;text-align:center;color:#777;font-size:13px;line-height:1.7}
.auth-page .login-signup a{color:#34383b;font-size:13px;font-weight:650;margin-left:3px}
.auth-page .login-signup a>span{display:none}
.auth-page .corporate-register-heading{font-size:18px;line-height:1.5;font-weight:650;margin:0 0 22px;color:#34383b}
.auth-page .membership-steps{gap:12px;margin:0 0 28px;border:0}
.auth-page .membership-steps button{flex-direction:column;align-items:flex-start;gap:8px;border:0;padding:0;font-size:12px;line-height:1.4;color:#777;font-weight:500}
.auth-page .membership-steps button span{width:26px;height:26px;font-size:12px;font-weight:600;background:#f2f2f2;color:#777}
.auth-page .membership-steps button[aria-current=step]{color:#34383b;font-weight:650}
.auth-page .membership-steps button[aria-current=step] span{background:var(--auth-accent);color:#fff}
.auth-page .membership-steps button.is-complete span{background:#e7f5f9;color:#007da5}
.auth-page .step-heading{margin-bottom:22px}
.auth-page .step-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.auth-page .step-heading p{font-size:13px;color:#777;margin-top:8px}
.auth-page .form-grid{gap:20px 16px}
.auth-page .form-field label{font-size:13px;font-weight:500;margin-bottom:7px}
.auth-page .form-field em,.auth-page .interest-fields em{font-size:12px;color:#777}
.auth-page .form-field .site-select-trigger{padding-right:38px}
.auth-page .password-field input{padding-right:66px}
.auth-page .password-toggle{font-size:12px;color:#555}
.auth-page .interest-fields{margin-top:24px}
.auth-page .interest-fields legend{font-size:13px;font-weight:500}
.auth-page .interest-fields>div{gap:8px 16px}
.auth-page .interest-fields label{padding:8px 0;background:none;border:0;font-size:12px;min-height:36px}
.auth-page .membership-card input[type=checkbox]{accent-color:var(--auth-accent)}
.auth-page .field-help{font-size:12px;color:#777}
.auth-page .membership-actions{flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:24px;border-color:var(--auth-border)}
.auth-page .membership-actions .button{min-height:48px;font-size:14px;border-radius:8px}
.auth-page .membership-actions>span{font-size:12px;color:#777}
.auth-page .same-address{background:#f5f5f5;font-size:13px}
.auth-page .form-subtitle,.auth-page .membership-card #shipping-fields legend{font-size:16px}
.auth-page .review-block{border-color:var(--auth-border);padding:18px}
.auth-page .review-block h3{font-size:16px}
.auth-page .review-block dl>div{grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:13px}
.auth-page .review-block button,.auth-page .membership-consents label{font-size:13px}
.auth-page .login-session h2,.auth-page .membership-success h2{font-size:26px}
.auth-page .login-session .account-status{font-size:14px;background:#f5f5f5}
.auth-footer{padding:24px 20px 30px;text-align:center;color:#888}
.auth-return{display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#555;font-size:13px}
.auth-footer p{font-size:12px;margin:14px 0 20px;color:#888}
.auth-footer p a{color:#555;text-decoration:underline;text-underline-offset:3px}
.auth-footer small{font-size:11px;color:#888}
.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid #009dd1;outline-offset:4px}
@media(max-width:600px){
 .auth-header{padding-top:28px}
 .auth-page .login-section,.auth-page .membership-section{width:calc(100% - 32px);margin-top:34px}
 .auth-page .login-content{padding:34px 24px}
 .auth-page .membership-card{padding:28px 22px}
 .auth-page .form-grid{grid-template-columns:1fr}
 .auth-page .form-field.full{grid-column:auto}
 .auth-page .form-field input,.auth-page .form-field select,.auth-page .form-field textarea,.auth-page .form-field .site-select-trigger{font-size:16px}
 .auth-page .interest-fields>div{grid-template-columns:1fr}
 .auth-page .membership-steps{gap:6px}
 .auth-page .membership-steps button{font-size:11px}
 .auth-page .review-block dl>div{grid-template-columns:1fr;gap:3px}
 .auth-page .membership-actions .primary{flex:1}
 .auth-page .membership-actions>span{margin-left:0}
}

@media(max-width:850px){
 .auth-page .form-field input,.auth-page .form-field textarea,.auth-page .form-field select,.auth-page .form-field .site-select-trigger{font-size:16px}
 .auth-page .interest-fields label{min-height:44px}
 .auth-page .auth-footer a{min-height:44px;display:inline-flex;align-items:center}
}
