.customer-login-page{--login-deep:#073d5c;--login-blue:#08729f;--login-yellow:#ffc72c;--login-ink:#123449;--login-muted:#627b89;--login-soft:#f1f8fb;--login-line:#d8e7ed;color:var(--login-ink);background:#fff}.customer-login-page *{box-sizing:border-box}
.customer-login-hero{position:relative;min-height:560px;padding:76px 0 88px;overflow:hidden;background:linear-gradient(108deg,var(--login-soft) 0 67%,#d8eef5 67%)}.customer-login-hero:before,.customer-login-hero:after{content:"";position:absolute;pointer-events:none;border:22px solid rgba(8,114,159,.09);border-radius:50%}.customer-login-hero:before{right:3%;top:38px;width:280px;height:280px}.customer-login-hero:after{right:26%;bottom:-130px;width:230px;height:230px}
.customer-login-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:76px;align-items:center;max-width:1180px}.customer-login-copy{max-width:600px}.customer-login-kicker{display:block;margin-bottom:14px;color:var(--login-blue);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.customer-login-copy h1{margin:0 0 20px;color:var(--login-ink);font-size:clamp(2.6rem,4.6vw,4.15rem);font-weight:700;line-height:1.03;letter-spacing:-.045em}.customer-login-copy>p{max-width:540px;margin:0;color:var(--login-muted);font-size:1.08rem;line-height:1.7}
.customer-login-card-wrap{position:relative}.customer-login-card{padding:36px;border:1px solid var(--login-line);border-radius:18px;background:#fff;box-shadow:0 24px 65px rgba(5,55,76,.17)}.customer-login-card-heading{display:flex;align-items:center;gap:15px;margin-bottom:28px}.customer-login-card-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:var(--login-soft);color:var(--login-blue)}.customer-login-card-icon svg{width:25px;height:25px;fill:currentColor}.customer-login-card-kicker{display:block;margin-bottom:2px;color:var(--login-blue);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.customer-login-card h2{margin:0;color:var(--login-ink);font-size:1.35rem;font-weight:700;line-height:1.25}
.customer-login-status{display:flex;gap:10px;margin-bottom:20px;padding:13px 15px;border-radius:9px;background:#edf9f1;color:#246b3c;font-size:.88rem;line-height:1.45}.customer-login-status>span:first-child{font-weight:800}.customer-login-form{display:grid;gap:16px}.customer-login-field{padding:10px 14px;border:1px solid var(--login-line);border-radius:9px;background:var(--login-soft);transition:border-color .2s,box-shadow .2s,background-color .2s}.customer-login-field:focus-within{border-color:var(--login-blue);background:#fff;box-shadow:0 0 0 3px rgba(8,114,159,.12)}.customer-login-field.has-error{border-color:#dc3545}.customer-login-field label{display:block;margin:0 0 3px;color:var(--login-muted);font-size:.72rem;font-weight:600;line-height:1.2}.customer-login-field input{width:100%;height:30px;padding:0;border:0;outline:0;background:transparent;color:var(--login-ink);font-size:1rem;font-weight:500;box-shadow:none}.customer-login-error{margin:5px 0 1px;color:#b42318;font-size:.78rem}.customer-login-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:57px;padding:13px 20px;border:0;border-radius:9px;background:var(--login-yellow);color:#17384a;font-size:.96rem;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s}.customer-login-submit span:last-child{font-size:1.25rem;line-height:1;transition:transform .2s}.customer-login-submit:hover{filter:brightness(.97);box-shadow:0 8px 18px rgba(181,134,0,.18);transform:translateY(-1px)}.customer-login-submit:hover span:last-child{transform:translateX(3px)}.customer-login-submit:focus-visible{outline:3px solid rgba(8,114,159,.3);outline-offset:3px}
@media(max-width:991.98px){.customer-login-hero{min-height:0;padding:58px 0 72px}.customer-login-shell{grid-template-columns:1fr;gap:38px}.customer-login-copy{max-width:720px}.customer-login-copy h1{font-size:3.25rem}.customer-login-card-wrap{max-width:620px}}
@media(max-width:767.98px){.customer-login-hero{padding:40px 0 56px;background:var(--login-soft)}.customer-login-hero:before,.customer-login-hero:after{display:none}.customer-login-shell{gap:28px}.customer-login-copy h1{margin-bottom:15px;font-size:2.45rem}.customer-login-copy>p{font-size:1rem}.customer-login-card{padding:23px 19px;border-radius:14px}.customer-login-card-heading{margin-bottom:22px}.customer-login-card-icon{width:44px;height:44px;flex-basis:44px}.customer-login-card h2{font-size:1.15rem}}
.customer-login-registration-hint{margin:22px 0 0;padding-top:19px;border-top:1px solid var(--login-line);color:var(--login-muted);font-size:.86rem;line-height:1.55;text-align:center}