@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
:root{--b2b-p:#1565a0;--b2b-pd:#0b4a75;--b2b-pl:#e6f0f8;--b2b-pg:rgba(21,101,160,.12);--b2b-a:#0ea5e9;--b2b-t:#0c1829;--b2b-t2:#4b5c72;--b2b-t3:#8d9bb0;--b2b-bg:#f4f7fb;--b2b-w:#fff;--b2b-b:#d4dce8;--b2b-bl:#e8edf4;--b2b-ok:#059669;--b2b-okb:#ecfdf5;--b2b-err:#dc2626;--b2b-errb:#fef2f2;--b2b-warn:#d97706;--b2b-warnb:#fffbeb;--b2b-r:12px;--b2b-rl:16px;--b2b-e:cubic-bezier(.22,1,.36,1);--b2b-f:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif}
/* HIDE ELEMENTOR */
.elementor-element-39af2fb{font-size:0!important;color:transparent!important;visibility:hidden!important;overflow:hidden!important}.elementor-element-39af2fb>*:not(.elementor-element){display:none!important}.elementor-widget-shortcode>.elementor-widget-container{font-size:0!important;line-height:0!important;color:transparent!important}.elementor-widget-shortcode>.elementor-widget-container>.b2b-auth-wrapper{font-size:initial!important;line-height:1.55!important;color:var(--b2b-t)!important}
/* RESET */
.b2b-auth-wrapper,.b2b-auth-wrapper *{box-sizing:border-box!important;font-family:var(--b2b-f)!important}.b2b-auth-wrapper{-webkit-font-smoothing:antialiased!important;line-height:1.55!important;color:var(--b2b-t)!important;margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important}
/* SPLIT */
.b2b-split-layout{display:flex!important;min-height:100vh!important;min-height:100dvh!important;width:100%!important;margin:0!important;padding:0!important}
/* BRAND 50% */
.b2b-brand-panel{flex:0 0 50%!important;width:50%!important;max-width:50%!important;background:linear-gradient(160deg,#0d3b66 0%,#14598e 40%,#1565a0 70%,#1872b3 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:56px 52px!important;position:relative!important;overflow:hidden!important}
.b2b-brand-panel::before{content:''!important;position:absolute!important;top:-200px;right:-140px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 65%);animation:b2bf 20s ease-in-out infinite;pointer-events:none}
.b2b-brand-panel::after{content:''!important;position:absolute!important;bottom:-140px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 65%);animation:b2bf 25s ease-in-out infinite reverse;pointer-events:none}
@keyframes b2bf{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,-15px)}}
.b2b-brand-content{position:relative;z-index:1;max-width:400px;width:100%;display:flex!important;flex-direction:column!important;align-items:center!important}
.b2b-brand-logo-wrap{margin-bottom:20px!important;animation:b2br .8s var(--b2b-e) both;text-align:center!important}
.b2b-brand-logo{max-height:72px!important;max-width:280px!important;object-fit:contain!important;display:block!important;filter:brightness(0) invert(1)!important}
@keyframes b2br{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* Tagline */
.b2b-brand-tagline{font-size:16px!important;font-weight:500!important;color:rgba(255,255,255,.7)!important;text-align:center!important;margin:0 0 44px!important;letter-spacing:.02em!important;line-height:1.4!important;animation:b2br .8s var(--b2b-e) .05s both}
/* Cards */
.b2b-brand-cards{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important}
.b2b-brand-card{display:flex!important;align-items:center!important;gap:18px!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:var(--b2b-rl)!important;padding:20px 22px!important;transition:transform .35s var(--b2b-e),background .35s var(--b2b-e),box-shadow .35s var(--b2b-e)!important;animation:b2br .8s var(--b2b-e) both}
.b2b-brand-card:nth-child(1){animation-delay:.1s}.b2b-brand-card:nth-child(2){animation-delay:.2s}.b2b-brand-card:nth-child(3){animation-delay:.3s}
.b2b-brand-card:hover{transform:translateY(-3px) translateX(3px)!important;background:rgba(255,255,255,.18)!important;box-shadow:0 12px 32px rgba(0,0,0,.15)!important}
.b2b-brand-card-icon{width:48px!important;height:48px!important;min-width:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.15)!important;border-radius:14px!important;color:rgba(255,255,255,.9)!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.b2b-brand-card:hover .b2b-brand-card-icon{transform:scale(1.08) rotate(-3deg)!important}.b2b-brand-card-icon svg{width:24px!important;height:24px!important}
.b2b-brand-card-text{display:flex!important;flex-direction:column!important;gap:3px!important}.b2b-brand-card-text strong{font-size:15px!important;font-weight:600!important;color:#fff!important;line-height:1.3!important}.b2b-brand-card-text span{font-size:13px!important;color:rgba(255,255,255,.65)!important;line-height:1.4!important;font-weight:400!important}
/* FORM 50% */
.b2b-form-panel{flex:0 0 50%!important;width:50%!important;max-width:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:48px 52px!important;background:var(--b2b-w)!important;overflow-y:auto!important}
.b2b-form-inner{width:100%!important;max-width:440px!important;animation:b2br .6s var(--b2b-e) .15s both}
.b2b-mobile-logo{display:none!important;max-height:38px;margin-bottom:24px}
.b2b-back-link{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:13px!important;color:var(--b2b-p)!important;text-decoration:none!important;margin-bottom:28px!important;font-weight:500!important;padding:6px 12px 6px 8px!important;border-radius:8px!important;background:transparent!important;border:none!important;transition:background .2s}.b2b-back-link:hover{background:var(--b2b-pl)!important}
/* TITLES */
.b2b-form-title{font-size:26px!important;font-weight:700!important;color:var(--b2b-t)!important;margin:0 0 6px!important;letter-spacing:-.035em!important;line-height:1.2!important;text-transform:none!important}
.b2b-form-subtitle{font-size:14.5px!important;color:var(--b2b-t2)!important;margin:0 0 24px!important;line-height:1.55!important;font-weight:400!important;text-transform:none!important}
.b2b-switch-tab-link{color:var(--b2b-p)!important;font-weight:600!important;text-decoration:none!important;border-bottom:1.5px solid transparent;transition:border-color .2s}.b2b-switch-tab-link:hover{border-bottom-color:var(--b2b-p)!important}
/* LOGIN METHOD TABS */
.b2b-login-tabs{display:flex!important;background:var(--b2b-bg)!important;border-radius:10px!important;padding:4px!important;gap:4px!important;margin-bottom:24px!important}
.b2b-ltab{flex:1!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important;color:var(--b2b-t3)!important;background:transparent!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .25s var(--b2b-e)!important;text-align:center!important;font-family:var(--b2b-f)!important;line-height:1.4!important}
.b2b-ltab:hover{color:var(--b2b-t2)!important}
.b2b-ltab.active{color:var(--b2b-t)!important;background:var(--b2b-w)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
.b2b-login-method{display:none!important}.b2b-login-method.active{display:block!important;animation:b2bpi .35s var(--b2b-e)}
.b2b-otp-step{display:none!important}.b2b-otp-step.active{display:block!important}
/* OTP */
.b2b-otp-info,.b2b-otp-sent-info{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;background:var(--b2b-pl)!important;border-radius:var(--b2b-r)!important;margin-bottom:20px!important}
.b2b-otp-info svg,.b2b-otp-sent-info svg{width:24px!important;height:24px!important;flex-shrink:0!important;color:var(--b2b-p)!important;margin-top:2px}
.b2b-otp-sent-info{background:var(--b2b-okb)!important}.b2b-otp-sent-info svg{color:var(--b2b-ok)!important}
.b2b-otp-info p,.b2b-otp-sent-info p{margin:0!important;font-size:13px!important;color:var(--b2b-t2)!important;line-height:1.5!important}
.b2b-otp-input{text-align:center!important;font-size:28px!important;font-weight:700!important;letter-spacing:12px!important;font-family:monospace!important;padding:16px!important}
.b2b-otp-timer{text-align:center!important;font-size:13px!important;color:var(--b2b-t3)!important;margin-bottom:16px!important}
.b2b-otp-timer strong{color:var(--b2b-p)!important;font-weight:700!important}
.b2b-btn-text{width:100%!important;padding:12px!important;font-size:14px!important;font-weight:600!important;color:var(--b2b-p)!important;background:none!important;border:none!important;cursor:pointer!important;text-decoration:underline!important;text-align:center!important;font-family:var(--b2b-f)!important;margin-top:8px!important}
/* PANELS */
.b2b-panel{display:none!important}.b2b-panel.active{display:block!important;animation:b2bpi .45s var(--b2b-e)}
@keyframes b2bpi{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.b2b-reg-step{display:none!important}.b2b-reg-step.active{display:block!important;animation:b2bsi .4s var(--b2b-e)}
@keyframes b2bsi{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
/* STEP HEADER */
.b2b-step-header{margin-bottom:24px!important;padding-bottom:16px!important;border-bottom:1px solid var(--b2b-bl)!important}
.b2b-step-header h3{font-size:18px!important;font-weight:700!important;color:var(--b2b-t)!important;margin:0 0 4px!important;letter-spacing:-.02em!important}
.b2b-step-header p{font-size:13px!important;color:var(--b2b-t3)!important;margin:0!important}
/* STEPPER */
.b2b-stepper{display:flex!important;align-items:flex-start!important;justify-content:center!important;margin-bottom:28px!important;padding:0 8px!important}
.b2b-step{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}
.b2b-step span{font-size:11px!important;font-weight:500!important;color:var(--b2b-t3)!important;transition:all .3s;letter-spacing:.02em}
.b2b-step.active span{color:var(--b2b-p)!important;font-weight:600!important}.b2b-step.done span{color:var(--b2b-ok)!important}
.b2b-step-dot{width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:600!important;background:var(--b2b-bg)!important;color:var(--b2b-t3)!important;border:2px solid var(--b2b-b)!important;transition:all .35s cubic-bezier(.34,1.56,.64,1);line-height:1!important;padding:0!important}
.b2b-step.active .b2b-step-dot{background:var(--b2b-p)!important;color:#fff!important;border-color:var(--b2b-p)!important;box-shadow:0 0 0 5px var(--b2b-pg),0 2px 8px rgba(21,101,160,.2)!important;transform:scale(1.05)}
.b2b-step.done .b2b-step-dot{background:var(--b2b-ok)!important;color:#fff!important;border-color:var(--b2b-ok)!important;box-shadow:0 0 0 4px rgba(5,150,105,.12)!important}
.b2b-step-line{flex:1!important;height:2.5px!important;background:var(--b2b-bl)!important;margin:17px 8px 0!important;max-width:40px!important;min-width:20px!important;border-radius:2px!important;transition:background .4s}.b2b-step-line.done{background:var(--b2b-ok)!important}
/* FIELDS */
.b2b-field{margin-bottom:20px!important}
.b2b-field label{display:block!important;font-size:13px!important;font-weight:600!important;color:var(--b2b-t)!important;margin-bottom:7px!important;text-transform:none!important}
.b2b-field label .req{color:var(--b2b-err)!important}
.b2b-field input[type="text"],.b2b-field input[type="email"],.b2b-field input[type="password"],.b2b-field input[type="tel"],.b2b-field select{width:100%!important;padding:13px 16px!important;font-size:15px!important;color:var(--b2b-t)!important;background:var(--b2b-bg)!important;border:1.5px solid var(--b2b-b)!important;border-radius:var(--b2b-r)!important;transition:all .25s var(--b2b-e)!important;outline:none!important;font-family:var(--b2b-f)!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important;height:auto!important;line-height:1.4!important}
.b2b-field input:hover,.b2b-field select:hover{border-color:#b8c8d8!important}
.b2b-field input:focus,.b2b-field select:focus{border-color:var(--b2b-p)!important;background:var(--b2b-w)!important;box-shadow:0 0 0 4px var(--b2b-pg),0 1px 2px rgba(0,0,0,.04)!important}
.b2b-field input.has-error,.b2b-field select.has-error{border-color:var(--b2b-err)!important;box-shadow:0 0 0 4px rgba(220,38,38,.08)!important;animation:b2bshk .4s var(--b2b-e)}
@keyframes b2bshk{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.b2b-field input.has-ok{border-color:var(--b2b-ok)!important;background:var(--b2b-okb)!important}
.b2b-field input::placeholder{color:var(--b2b-t3)!important}
.b2b-field select{cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%238d9bb0'%3E%3Cpath d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:40px!important}
.b2b-input-wrap,.b2b-pw-wrap{position:relative!important;display:flex!important;align-items:center!important}.b2b-input-wrap input,.b2b-pw-wrap input{width:100%!important}
/* PHONE */
.b2b-phone-input{position:relative!important;display:flex!important;align-items:center!important}
.b2b-phone-input .b2b-prefix{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;font-weight:700!important;color:var(--b2b-t3)!important;z-index:1!important;pointer-events:none!important;background:var(--b2b-bl)!important;padding:3px 8px!important;border-radius:5px!important;letter-spacing:.02em!important;line-height:1!important;border:none!important;width:auto!important;height:auto!important}
.b2b-phone-input input{padding-left:66px!important;width:100%!important}
/* AFM */
.b2b-afm-input input{padding-right:52px!important}
.b2b-afm-btn{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--b2b-p) 0%,var(--b2b-pd) 100%)!important;color:#fff!important;border:none!important;border-radius:10px!important;cursor:pointer!important;z-index:2!important;box-shadow:0 2px 6px rgba(21,101,160,.25)!important;transition:all .25s var(--b2b-e)!important;padding:0!important;margin:0!important;line-height:1!important}
.b2b-afm-btn:hover{transform:translateY(-50%) scale(1.06)!important;box-shadow:0 4px 12px rgba(21,101,160,.35)!important}
.b2b-afm-btn.loading svg{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.b2b-afm-status{margin-top:8px!important;font-size:13px!important;font-weight:500!important;min-height:18px}
.b2b-afm-status.loading{color:var(--b2b-p)!important}.b2b-afm-status.ok{color:var(--b2b-ok)!important}.b2b-afm-status.err{color:var(--b2b-err)!important}
/* DOY */
.b2b-doy-wrap{position:relative!important}
.b2b-doy-dropdown{display:none;position:absolute!important;top:calc(100% - 2px)!important;left:0!important;right:0!important;z-index:100!important;background:var(--b2b-w)!important;border:1.5px solid var(--b2b-p)!important;border-top:none!important;border-radius:0 0 var(--b2b-r) var(--b2b-r)!important;max-height:240px!important;overflow-y:auto!important;box-shadow:0 12px 32px rgba(0,0,0,.12)!important;animation:b2bdi .2s var(--b2b-e)}
@keyframes b2bdi{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.b2b-doy-dropdown.open{display:block!important}
.b2b-doy-dropdown::-webkit-scrollbar{width:6px}.b2b-doy-dropdown::-webkit-scrollbar-thumb{background:var(--b2b-b);border-radius:3px}
.b2b-doy-item{padding:11px 16px!important;font-size:14px!important;color:var(--b2b-t)!important;cursor:pointer!important;border-bottom:1px solid var(--b2b-bl)!important;display:flex!important;align-items:center!important;gap:12px!important;background:var(--b2b-w)!important;transition:background .15s}
.b2b-doy-item:last-child{border-bottom:none!important}.b2b-doy-item:hover,.b2b-doy-item.hl{background:var(--b2b-pl)!important}
.b2b-doy-item .doy-code{display:inline-flex!important;align-items:center;justify-content:center;min-width:46px;padding:3px 10px;background:var(--b2b-bg)!important;border-radius:8px;font-size:12px!important;font-weight:700!important;color:var(--b2b-p)!important;border:1px solid var(--b2b-bl)}.b2b-doy-item .doy-name{font-weight:500!important}
.b2b-doy-empty{padding:16px;text-align:center;color:var(--b2b-t3);font-size:13px}
/* EYE BUTTON — VISIBLE */
.b2b-eye-btn{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;background:var(--b2b-bg)!important;border:1.5px solid var(--b2b-b)!important;cursor:pointer!important;padding:8px!important;color:var(--b2b-t2)!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;width:38px!important;height:38px!important;margin:0!important;line-height:1!important;box-shadow:none!important;transition:all .2s!important}
.b2b-eye-btn:hover{background:var(--b2b-pl)!important;border-color:var(--b2b-p)!important;color:var(--b2b-p)!important}
.b2b-eye-btn svg{width:18px!important;height:18px!important}
.b2b-pw-wrap input{padding-right:52px!important}
/* LAYOUT */
.b2b-row{display:flex!important;gap:14px!important}.b2b-flex-1{flex:1!important}.b2b-flex-2{flex:2!important}
.b2b-field-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important}
/* CHECK */
.b2b-check{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer!important;font-size:14px!important;color:var(--b2b-t2)!important;font-weight:400!important}
.b2b-check input[type="checkbox"]{width:18px!important;height:18px!important;accent-color:var(--b2b-p)!important;flex-shrink:0!important;cursor:pointer!important}
.b2b-check a{color:var(--b2b-p)!important;text-decoration:none!important;font-weight:500!important}.b2b-check a:hover{text-decoration:underline!important}
.b2b-link-sm{font-size:13px!important;color:var(--b2b-p)!important;text-decoration:none!important;font-weight:500!important}.b2b-link-sm:hover{color:var(--b2b-pd)!important}
/* BUTTONS */
.b2b-auth-wrapper .b2b-btn{width:100%!important;padding:15px 24px!important;font-size:15px!important;font-weight:700!important;color:#fff!important;background:linear-gradient(135deg,#1565a0 0%,#0b4a75 100%)!important;border:none!important;border-radius:var(--b2b-r)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;letter-spacing:.03em!important;text-transform:uppercase!important;box-shadow:0 4px 14px rgba(21,101,160,.3)!important;transition:all .3s var(--b2b-e)!important;position:relative!important;overflow:hidden!important;text-decoration:none!important;line-height:1.4!important;height:auto!important;margin:0!important;-webkit-appearance:none!important;appearance:none!important}
.b2b-auth-wrapper .b2b-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(21,101,160,.4)!important;background:linear-gradient(135deg,#1872b3 0%,#0d5589 100%)!important}
.b2b-auth-wrapper .b2b-btn:active{transform:translateY(0)!important;box-shadow:0 2px 8px rgba(21,101,160,.2)!important}
.b2b-auth-wrapper .b2b-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.b2b-auth-wrapper .b2b-btn-outline{width:100%!important;padding:14px 24px!important;font-size:15px!important;font-weight:600!important;color:var(--b2b-t)!important;background:var(--b2b-w)!important;border:2px solid var(--b2b-b)!important;border-radius:var(--b2b-r)!important;cursor:pointer!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.03em!important;transition:all .25s var(--b2b-e)!important;text-decoration:none!important;display:block!important;line-height:1.4!important;height:auto!important;box-shadow:none!important;margin:0!important}
.b2b-auth-wrapper .b2b-btn-outline:hover{border-color:var(--b2b-p)!important;color:var(--b2b-p)!important;background:var(--b2b-pl)!important;box-shadow:0 2px 8px rgba(21,101,160,.08)!important}
.b2b-step-nav{display:flex!important;gap:12px!important;margin-top:4px!important}.b2b-step-nav .b2b-btn{flex:2!important}.b2b-step-nav .b2b-btn-outline{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
/* DIVIDER */
.b2b-divider{display:flex!important;align-items:center!important;gap:14px!important;margin:28px 0!important}.b2b-divider::before,.b2b-divider::after{content:''!important;flex:1!important;height:1px!important;background:var(--b2b-bl)!important}.b2b-divider span{font-size:13px!important;color:var(--b2b-t3)!important;white-space:nowrap!important;font-weight:500!important}
/* MESSAGES */
.b2b-message{margin-top:16px!important;border-radius:var(--b2b-r)!important;font-size:14px!important;line-height:1.55!important}.b2b-message:empty{display:none!important}
.b2b-message.err{padding:14px 18px!important;background:var(--b2b-errb)!important;color:var(--b2b-err)!important;border:1px solid rgba(220,38,38,.12)!important;animation:b2bmi .35s var(--b2b-e)}
.b2b-message.ok{padding:14px 18px!important;background:var(--b2b-okb)!important;color:var(--b2b-ok)!important;border:1px solid rgba(5,150,105,.12)!important;animation:b2bmi .35s var(--b2b-e)}
.b2b-message.warn{padding:14px 18px!important;background:var(--b2b-warnb)!important;color:var(--b2b-warn)!important;border:1px solid rgba(217,119,6,.12)!important;animation:b2bmi .35s var(--b2b-e)}
@keyframes b2bmi{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.b2b-message a{color:inherit!important;font-weight:600!important;text-decoration:underline!important}
.b2b-notice{padding:14px 20px!important;border-radius:var(--b2b-r)!important;margin:0 0 16px!important;font-size:14px!important;font-weight:500!important;text-align:center!important}
.b2b-notice-warn{background:var(--b2b-warnb)!important;color:#92400e!important}.b2b-notice-err{background:var(--b2b-errb)!important;color:#991b1b!important}
.b2b-help-text{margin-top:28px!important;text-align:center!important;font-size:13px!important;color:var(--b2b-t3)!important;line-height:1.7!important}.b2b-help-text a{color:var(--b2b-p)!important;text-decoration:none!important}.b2b-help-text a:hover{text-decoration:underline!important}
.b2b-field-err{font-size:12px!important;color:var(--b2b-err)!important;margin-top:6px!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:4px!important;animation:b2bmi .25s var(--b2b-e)}
/* PW STRENGTH */
.b2b-pw-strength{margin-top:8px!important;display:flex!important;gap:4px!important;align-items:center!important}
.b2b-pw-strength .bars{display:flex!important;gap:4px!important;flex:1!important}.b2b-pw-strength .bar{height:5px!important;flex:1!important;border-radius:3px!important;background:var(--b2b-bl)!important;transition:background .3s}
.b2b-pw-strength .lbl{font-size:12px!important;font-weight:600!important;min-width:60px!important;text-align:right!important}
.b2b-pw-strength[data-s="1"] .bar:nth-child(1){background:var(--b2b-err)!important}.b2b-pw-strength[data-s="1"] .lbl{color:var(--b2b-err)!important}
.b2b-pw-strength[data-s="2"] .bar:nth-child(-n+2){background:var(--b2b-warn)!important}.b2b-pw-strength[data-s="2"] .lbl{color:var(--b2b-warn)!important}
.b2b-pw-strength[data-s="3"] .bar:nth-child(-n+3){background:var(--b2b-a)!important}.b2b-pw-strength[data-s="3"] .lbl{color:var(--b2b-a)!important}
.b2b-pw-strength[data-s="4"] .bar{background:var(--b2b-ok)!important}.b2b-pw-strength[data-s="4"] .lbl{color:var(--b2b-ok)!important}
/* FORM INNER - prevent excessive scrolling on step changes */
.b2b-form-panel{scroll-behavior:smooth!important}
.b2b-form-inner{padding-top:20px!important}
/* ═══ FULLSCREEN OVERLAY ═══ */
.b2b-overlay{display:none;position:fixed!important;inset:0!important;z-index:999998!important;overflow:hidden!important}
.b2b-overlay.open{display:flex!important}
.b2b-overlay-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
.b2b-overlay-content{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;overflow-y:auto!important;background:var(--b2b-w)!important}
.b2b-overlay-content .b2b-auth-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important}
.b2b-overlay-content .b2b-split-layout{min-height:100vh!important;min-height:100dvh!important}
.b2b-overlay-close{position:fixed!important;top:20px!important;right:20px!important;z-index:999999!important;width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;border:1.5px solid var(--b2b-bl)!important;color:var(--b2b-t)!important;font-size:24px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 12px rgba(0,0,0,.1)!important;transition:all .2s!important;line-height:1!important;padding:0!important;font-family:var(--b2b-f)!important}
.b2b-overlay-close:hover{background:var(--b2b-errb)!important;color:var(--b2b-err)!important;border-color:var(--b2b-err)!important;transform:scale(1.1)!important}
/* Body lock when overlay is open */
body.b2b-overlay-open{overflow:hidden!important}
/* TOAST */
.b2b-toast{position:fixed!important;top:24px!important;right:24px!important;z-index:999999!important;display:flex!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;background:var(--b2b-w)!important;border-radius:14px!important;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06)!important;border:1px solid var(--b2b-bl)!important;font-family:var(--b2b-f)!important;font-size:15px!important;font-weight:600!important;color:var(--b2b-t)!important;transform:translateX(120%)!important;opacity:0!important;transition:all .4s cubic-bezier(.22,1,.36,1)!important;max-width:380px!important}
.b2b-toast.show{transform:translateX(0)!important;opacity:1!important}
.b2b-toast-ok{border-left:4px solid var(--b2b-ok)!important}.b2b-toast-err{border-left:4px solid var(--b2b-err)!important}
.b2b-toast svg{flex-shrink:0!important}
/* PENDING */
.b2b-pending-page{text-align:center;padding:60px 20px;max-width:400px;margin:0 auto}.b2b-pending-icon{font-size:48px;margin-bottom:16px}.b2b-pending-page h2{font-size:24px;font-weight:700;color:var(--b2b-t);margin:0 0 12px}.b2b-pending-page p{color:var(--b2b-t2);font-size:15px;line-height:1.6}
/* RESPONSIVE */
@media(max-width:1024px){.b2b-brand-panel{padding:40px 32px!important}.b2b-form-panel{padding:40px 32px!important}}
@media(max-width:860px){.b2b-split-layout{flex-direction:column!important}.b2b-brand-panel{flex:none!important;width:100%!important;max-width:100%!important;min-height:auto!important;padding:36px 28px!important}.b2b-brand-content{max-width:100%!important}.b2b-brand-cards{max-width:420px!important}.b2b-form-panel{flex:none!important;width:100%!important;max-width:100%!important;padding:36px 28px!important}}
@media(max-width:600px){.b2b-brand-panel{display:none!important}.b2b-mobile-logo{display:block!important}.b2b-auth-wrapper{margin-left:0!important;width:100%!important;max-width:100%!important}.b2b-form-panel{padding:28px 20px!important;align-items:flex-start!important}.b2b-form-inner{max-width:100%!important}.b2b-form-title{font-size:22px!important}.b2b-row{flex-direction:column!important;gap:0!important}.b2b-step-nav{flex-direction:column-reverse!important;gap:8px!important}.b2b-step span{font-size:9px!important}.b2b-step-dot{width:28px!important;height:28px!important;font-size:11px!important}.b2b-toast{top:12px!important;right:12px!important;left:12px!important;max-width:none!important}}