/* Shared authentication modals */
#formModal .modal-dialog { width: min(920px, calc(100% - 32px)); max-width: 920px; }
#formModal .modal-content { overflow: hidden; border: 0; border-radius: 22px; background: #fff; box-shadow: 0 28px 80px rgba(13,14,16,.22); }
#formModal .modal-header { position: absolute; z-index: 5; top: 12px; right: 12px; padding: 0; border: 0; }
#formModal .modal-header .btn-close, #formModal .modal-header .btn-close-white { width: 38px; height: 38px; margin: 0; border: 1px solid rgba(13,14,16,.1); border-radius: 50%; background-color: rgba(255,255,255,.94); box-shadow: 0 5px 18px rgba(13,14,16,.12); filter: none; opacity: 1; }
#formModal .modal-body { padding: 0; }
#formModal .login-modal-layout, #formModal .register-modal-layout { display: grid; grid-template-columns: minmax(280px,.82fr) minmax(420px,1.18fr); min-height: 570px; }
#formModal .login-modal-showcase, #formModal .register-modal-showcase { position: relative; display: flex; overflow: hidden; padding: 44px 36px; align-items: flex-end; color: #fff; background: radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#111827 0%,#222b3d 48%,#4f596b 100%); isolation: isolate; }
#formModal .login-modal-showcase::before, #formModal .register-modal-showcase::before { position: absolute; z-index: -1; top: -100px; right: -120px; width: 330px; height: 330px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; content: ""; }
#formModal .login-modal-showcase-pattern, #formModal .register-modal-showcase-pattern { position: absolute; top: 88px; left: 38px; width: 140px; height: 140px; border-radius: 28px; background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03)); box-shadow: 50px 40px 0 rgba(255,255,255,.07); transform: rotate(-12deg); }
#formModal .login-modal-showcase-content, #formModal .register-modal-showcase-content { position: relative; z-index: 2; }
#formModal .login-modal-kicker, #formModal .register-modal-kicker, #formModal .login-modal-eyebrow, #formModal .register-modal-eyebrow { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
#formModal .login-modal-showcase h3, #formModal .register-modal-showcase h3 { margin: 0 0 14px; color: #fff; font-size: 32px; font-weight: 800; line-height: 1.12; }
#formModal .login-modal-showcase p, #formModal .register-modal-showcase p { margin: 0; color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.6; }
#formModal .login-modal-benefits, #formModal .register-modal-benefits { display: grid; gap: 10px; margin-top: 25px; }
#formModal .login-modal-benefits span, #formModal .register-modal-benefits span { display: flex; align-items: center; gap: 9px; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 600; }
#formModal .login-modal-form-panel, #formModal .register-modal-form-panel { display: flex; padding: 50px 46px 30px; flex-direction: column; justify-content: center; }
#formModal .login-modal-heading, #formModal .register-modal-heading { margin-bottom: 24px; }
#formModal .login-modal-mobile-icon, #formModal .register-modal-mobile-icon { display: none; }
#formModal .login-modal-eyebrow, #formModal .register-modal-eyebrow { margin-bottom: 5px; color: #111827; }
#formModal .login-modal-heading h4, #formModal .register-modal-heading h4 { margin: 0; color: #111827; font-size: 28px; font-weight: 800; }
#formModal .login-modal-heading p, #formModal .register-modal-heading p { margin: 7px 0 0; color: #747b88; font-size: 13px; }
#formModal .login-modal-field, #formModal .register-modal-field { margin-bottom: 16px; }
#formModal .register-modal-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
#formModal .login-modal-field label, #formModal .register-modal-field label { margin-bottom: 7px; color: #374151; font-size: 12px; font-weight: 700; }
#formModal .login-modal-input-wrap, #formModal .register-modal-input-wrap { position: relative; }
#formModal .login-modal-input-wrap > i, #formModal .register-modal-input-wrap > i { position: absolute; z-index: 2; top: 50%; left: 16px; color: #98a0ac; font-size: 16px; transform: translateY(-50%); pointer-events: none; }
#formModal .login-modal-input-wrap .form-control, #formModal .register-modal-input-wrap .form-control { width: 100%; height: 50px; padding: 0 47px; border: 1px solid #e1e5ea; border-radius: 11px; color: #273244; background: #f8f9fb; font-size: 13px; box-shadow: none; }
#formModal .login-modal-input-wrap .form-control:focus, #formModal .register-modal-input-wrap .form-control:focus { border-color: #111827; background: #fff; box-shadow: 0 0 0 4px rgba(17,24,39,.08); }
#formModal .toggle-password, #formModal .register-toggle-password { display: grid; width: 38px; height: 38px; padding: 0; place-items: center; border: 0; border-radius: 9px; background: transparent; }
#formModal .login-modal-options { display: flex; margin: 2px 0 20px; align-items: center; justify-content: space-between; gap: 12px; }
#formModal .login-modal-options label, #formModal .login-modal-options a { color: #697383; font-size: 12px; font-weight: 600; }
#formModal .login-modal-submit, #formModal .login-modal-register, #formModal .register-modal-submit, #formModal .register-modal-login { display: flex; min-height: 49px; align-items: center; justify-content: center; gap: 9px; border-radius: 11px; font-size: 12px; font-weight: 800; letter-spacing: .3px; }
#formModal .login-modal-submit, #formModal .register-modal-submit { border: 0; color: #fff; background: #111827; box-shadow: 0 10px 23px rgba(17,24,39,.18); }
#formModal .login-modal-register, #formModal .register-modal-login { border: 1px solid #dfe3e8; color: #354052; background: #fff; }
#formModal .login-modal-divider, #formModal .register-modal-divider { display: flex; margin: 17px 0 11px; align-items: center; gap: 12px; color: #a0a7b1; font-size: 11px; }
#formModal .login-modal-divider::before, #formModal .login-modal-divider::after, #formModal .register-modal-divider::before, #formModal .register-modal-divider::after { height: 1px; flex: 1; content: ""; background: #eceef1; }
#formModal .login-modal-register-copy, #formModal .register-modal-login-copy { margin: 0 0 9px; color: #8a929d; font-size: 11px; text-align: center; }
#formModal .login-modal-security, #formModal .register-modal-security, #formModal .register-modal-password-note { color: #9199a5; font-size: 10px; }
#formModal .login-modal-security, #formModal .register-modal-security { margin: 18px 0 0; text-align: center; }
#formModal .register-modal-password-note { display: flex; margin: 12px 0 17px; align-items: center; gap: 7px; }
@media (max-width: 767.98px) {
 #formModal .modal-dialog { width: min(480px,calc(100% - 20px)); margin: 10px auto; }
 #formModal .login-modal-layout, #formModal .register-modal-layout { display: block; min-height: 0; }
 #formModal .login-modal-showcase, #formModal .register-modal-showcase { display: none; }
 #formModal .login-modal-form-panel, #formModal .register-modal-form-panel { padding: 50px 22px 24px; }
 #formModal .login-modal-heading, #formModal .register-modal-heading { display: flex; margin-bottom: 22px; align-items: center; gap: 12px; }
 #formModal .login-modal-mobile-icon, #formModal .register-modal-mobile-icon { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: 12px; color: #fff; background: #111827; font-size: 18px; }
 #formModal .login-modal-heading h4, #formModal .register-modal-heading h4 { font-size: 23px; }
 #formModal .login-modal-heading p, #formModal .register-modal-heading p { display: none; }
 #formModal .register-modal-fields { grid-template-columns: 1fr; gap: 0; }
}