html:has(body.customer-login),body.customer-login{position:fixed;inset:0;width:100%;height:100%;min-height:0;margin:0;overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;overscroll-behavior:none;touch-action:pan-x;background:#0c0d0f}
.login-stage{position:absolute;inset:0;width:100%;height:100dvh;max-height:100dvh;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));overflow:hidden!important;overscroll-behavior:none;touch-action:pan-x;background:radial-gradient(circle at 50% 34%,rgba(74,78,84,.3),transparent 31%),radial-gradient(circle at 74% 68%,rgba(61,120,150,.08),transparent 30%),linear-gradient(180deg,#1a1c20 0,#111316 42%,#0c0d0f 100%)}
.login-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px);pointer-events:none}.login-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.36) 100%);pointer-events:none}.login-shell{position:relative;z-index:1;width:min(100%,470px);max-height:100%;display:grid;grid-template-rows:auto auto;align-content:center;gap:10px}.login-card{width:100%;max-height:100%;padding:18px 22px 17px!important;border:1px solid rgba(218,226,232,.13)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(31,34,38,.84),rgba(17,19,22,.94))!important;box-shadow:0 24px 70px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.03)!important;backdrop-filter:blur(18px) saturate(105%)}.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0 auto;color:#f5f6f7;text-align:center;font-weight:900;font-size:.95rem;letter-spacing:.08em;user-select:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.login-brand img{display:block;width:clamp(58px,8.5vh,78px);height:clamp(58px,8.5vh,78px);object-fit:contain}.login-brand span,.login-brand small{display:block}.login-brand small{margin-top:1px;color:#a8d6ef;font-size:.36rem;font-weight:700;letter-spacing:.31em}.login-eyebrow,.login-card h2,.login-card>p{text-align:center}.login-eyebrow{color:#8f9ca5!important;font-size:.62rem!important;font-weight:500!important;letter-spacing:.18em!important}.login-card h2{margin:3px 0 5px!important;color:#f7f8f9!important;font-size:clamp(1.55rem,4.4vh,1.9rem)!important;letter-spacing:-.035em!important}.login-card p{margin:0 0 9px;color:#9ca6ad!important;line-height:1.35;font-size:.88rem}.login-card label{margin-bottom:6px;text-align:left;color:#c5ccd1;font-size:.88rem;line-height:1.2}.login-card input{margin-top:4px;min-height:40px;padding:8px 11px!important;font-size:16px;background:rgba(5,7,9,.55)!important;border-color:rgba(218,226,232,.12)!important;color:#f5f7f8!important}.login-card input:focus{border-color:rgba(149,212,247,.46)!important;box-shadow:0 0 0 3px rgba(119,190,229,.08)!important}.login-card form .btn{min-height:40px;padding:9px 12px!important;border-radius:10px!important}.login-card .btn-yellow{background:linear-gradient(180deg,#d6ebf8,#a9d5ec)!important;border-color:rgba(226,241,249,.75)!important;color:#0b1115!important;box-shadow:0 10px 26px rgba(95,164,204,.14)!important}.login-card .btn-dark,.login-card .btn-light{background:rgba(255,255,255,.025)!important;border:1px solid rgba(218,226,232,.12)!important;color:#dce3e7!important;box-shadow:none!important}.login-card #passwordModeBtn{color:#a9cde0!important;text-underline-offset:4px;margin-top:6px!important;font-size:.8rem!important;line-height:1.2}.login-card #forgotPasswordBtn{margin-top:5px!important}.login-signup-prompt{margin-top:9px!important;padding-top:9px!important;border-top-color:rgba(218,226,232,.1)!important;color:#8f9aa2!important;font-size:.85rem}.login-signup-prompt button{color:#b9dcef!important}.login-card>div[style*="margin:20px"]{margin:8px 0!important;color:#727d84!important;font-size:.8rem}.login-card>div[style*="margin:20px"] span[style*="background"]{background:rgba(218,226,232,.11)!important}.security-challenge{margin:2px 0;display:grid;place-items:center}.login-card #status:empty{display:none}.login-card #status:not(:empty){font-size:.76rem;line-height:1.25;margin-top:4px}.login-stage{top:var(--login-top,0px);bottom:auto;height:var(--login-height,100dvh);max-height:var(--login-height,100dvh)}
body.customer-login::before,body.customer-login::after{display:none!important}.login-shell,.login-card{box-sizing:border-box;min-height:0}.login-brand{align-self:center;justify-self:center;text-decoration:none}
@media(max-height:740px){.login-shell{gap:6px}.login-card{padding:12px 18px!important}.login-brand{font-size:.82rem}.login-brand img{width:46px;height:46px}.login-brand small{font-size:.31rem}.login-card h2{font-size:1.35rem!important}.login-card>p{font-size:.76rem;margin-bottom:6px}.login-card label{margin-bottom:4px}.login-card input{min-height:37px;padding:7px 10px!important}.login-card form .btn{min-height:37px;padding:7px 10px!important}.login-card #passwordModeBtn{margin-top:4px!important}.login-card #forgotPasswordBtn{margin-top:4px!important}.login-card>div[style*="margin:20px"]{margin:5px 0!important}.login-signup-prompt{margin-top:6px!important;padding-top:6px!important}.security-challenge{margin:0}}
@media(max-height:680px){.login-card>.muted{display:none}.login-card h2{font-size:1.25rem!important;margin:2px 0 4px!important}.login-card .login-eyebrow{font-size:.58rem!important}.login-card label{font-size:.78rem;line-height:1.15;margin-bottom:3px}.login-card input{min-height:35px;padding:6px 9px!important}.login-card .btn{min-height:35px!important;padding:7px 9px!important;line-height:1.15!important}.login-brand{font-size:.78rem}.login-brand img{width:38px;height:38px}.login-card #passwordModeBtn{font-size:.72rem!important}.login-card #forgotPasswordBtn{font-size:.72rem}.login-signup-prompt{font-size:.76rem}}
@media(max-height:600px) and (max-width:559px){.login-password-mode .login-shell{gap:3px}.login-password-mode .login-brand img{width:30px;height:30px}.login-password-mode .login-brand span{font-size:.72rem}.login-password-mode .login-card{padding:7px 13px!important}.login-password-mode .login-card>div[style*="margin:20px"],.login-password-mode #googleBtn{display:none!important}}
@media(max-height:500px) and (min-width:560px){.login-shell{width:min(760px,100%);grid-template-columns:130px minmax(0,440px);align-items:center;gap:16px}.login-card>.muted{display:none}.login-card h2{margin:0!important}.login-brand img{width:58px;height:58px}}
.login-keyboard .login-brand,.login-keyboard .login-card>p,.login-keyboard .login-eyebrow,.login-keyboard .login-card>h2,.login-keyboard .login-card>div[style],.login-keyboard #googleBtn{display:none!important}.login-keyboard .login-card{padding:8px 14px!important}.login-keyboard .login-shell{display:block;width:min(460px,100%)}