/* Localized customer sign-in presentation only. */
.customer-login-page{background:radial-gradient(ellipse at 15% 20%,#dceff180,transparent 48%),radial-gradient(ellipse at 90% 90%,#dff2eb80,transparent 48%),#f3f8fa}
:is(.customer-login-page,.customer-register-page) .account-header{background:linear-gradient(110deg,#17616c,#103b4d);border-bottom:2px solid #19b6c9;box-shadow:0 4px 18px #103b4d12;padding-block:10px}
:is(.customer-login-page,.customer-register-page) .account-header img{width:164px;height:68px}
:is(.customer-login-page,.customer-register-page) .account-header nav{gap:20px}:is(.customer-login-page,.customer-register-page) .account-header a{color:#e9fbfc;font-size:15px}
:is(.customer-login-page,.customer-register-page) .login-home{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #71b9c566;border-radius:11px;background:#ffffff0b;text-decoration:none}
:is(.customer-login-page,.customer-register-page) .login-home:hover{background:#ffffff20}:is(.customer-login-page,.customer-register-page) .account-header a:focus-visible{outline-color:#8ce9f2}
.customer-login-page main{display:grid;place-items:center;padding:42px 20px}
.customer-login-page .auth-card{width:100%;max-width:540px;margin:0;padding:36px 38px 30px}
.login-emblem{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border:1px solid #acd9df;border-radius:17px;background:linear-gradient(145deg,#fff,#def1f3);color:#087b8b;box-shadow:0 5px 14px #10495a0b}.login-emblem svg{width:29px;height:29px}
.customer-login-page .eyebrow,.customer-login-page h1,.customer-login-page .intro{text-align:center}.customer-login-page .eyebrow{font-size:14px;margin-bottom:8px}.customer-login-page h1{font-size:30px;margin-bottom:10px}.customer-login-page .intro{font-size:16px;line-height:1.8;margin-bottom:24px}
.customer-login-page label{font-size:16px;margin-top:18px}.customer-login-page input{min-height:52px;border-radius:10px;background:#ffffffde;border-color:#b2cfd6;font-size:17px}.customer-login-page .primary{min-height:52px;background:linear-gradient(110deg,#087f91,#07515a);border-radius:11px;box-shadow:0 5px 14px #07515a20}.customer-login-page .primary:hover{background:#07515a}
.login-divider{height:1px;background:#cee1e6;margin-top:26px}.customer-login-page .alternate{margin:18px 0 0;font-size:15px}.customer-login-page .alternate a{display:inline-block;margin-inline-start:5px;font-weight:700}.customer-login-page footer{padding:18px 20px;font-size:13px;background:#eef6f7;border-color:#d8e8eb}
@media(max-width:650px){:is(.customer-login-page,.customer-register-page) .account-header{padding:10px 16px;gap:12px}:is(.customer-login-page,.customer-register-page) .account-header img{width:110px;height:54px}:is(.customer-login-page,.customer-register-page) .account-header nav{gap:12px}:is(.customer-login-page,.customer-register-page) .account-header a{font-size:12px}:is(.customer-login-page,.customer-register-page) .login-home{padding:7px 9px;gap:6px}.customer-login-page main{padding:26px 16px}.customer-login-page .auth-card{padding:30px 22px 24px}.customer-login-page h1{font-size:27px}.customer-login-page .intro{font-size:15px}}