.customer-login-page { background: radial-gradient(ellipse at 90% 10%, #e7f4ec, transparent 55%), #f6f9f6; }
.login-header-caption { color: #94a696; font-size: 11px; }
.customer-login-page .login-shell { max-width: 970px; grid-template-columns: 1fr 1.05fr; margin: 14px auto; }
.customer-login-page .signup-story { min-height: 420px; }
.customer-login-page .signup-form-panel { padding: 22px 30px; }
.customer-login-page .signup-form-panel h2 { font-size: 29px; margin-top: 13px; }
.customer-login-page .signup-subtitle { margin-bottom: 18px; line-height: 1.6; }
.customer-login-page .signup-form-panel form { display: flex; flex-direction: column; gap: 14px; }
.customer-login-page .signup-field input { min-height: 43px; padding-top: 10px; padding-bottom: 10px; }
.customer-login-page .signup-form-panel .signup-submit { width: min(190px, 100%); align-self: center; border-radius: 28px; padding: 12px 20px; background: linear-gradient(120deg, #008681, #006c73); }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; }
.login-options label { display: flex; align-items: center; gap: 7px; color: #809785; cursor: pointer; }
.login-options input { accent-color: #007d81; width: 14px; height: 14px; margin: 0; }
.login-options a { font-weight: 600; }
.customer-login-page .signup-login { margin: 16px 0; }
.customer-login-page .signup-header { margin-top: 15px; margin-bottom: 15px; }
.customer-login-page .form-logo { margin-bottom: 8px; }
.customer-login-page .signup-hotel { padding-top: 12px; }
.customer-login-page .signup-footer { padding-bottom: 12px; }
.login-status { padding: 12px 14px; background: #edf7ef; border: 1px solid #d7e9dc; border-radius: 10px; color: #548165; font-size: 12px; margin-bottom: 20px; }
@media (max-width: 760px) { .customer-login-page .login-shell { grid-template-columns: 1fr; max-width: 500px; } .customer-login-page .signup-story { display: none; } .customer-login-page .signup-form-panel { padding: 20px 24px; } .customer-login-page .signup-form-panel h2 { font-size: 26px; } .login-header-caption { display: none; } }
@media (max-width: 480px) { .customer-login-page .login-shell { margin: 12px auto; } .customer-login-page .signup-form-panel { padding: 20px; } }
@media(min-width: 761px) { .customer-login-page .login-shell { min-height: 490px; } .hotel-login-page .signup-story { min-height: 490px; } }
@media(min-width: 761px) {
    .customer-login-page .login-shell { min-height: min(520px, calc(100dvh - 130px)); }
    .hotel-login-page .signup-story { min-height: min(520px, calc(100dvh - 130px)); }
}

.customer-login-page [hidden] { display:none!important; }
.customer-reset-link { border:0; background:transparent; padding:0; color:#007f87; font:inherit; font-size:12px; cursor:pointer; }
.customer-reset-link:hover { text-decoration:underline; }
.customer-reset-back { display:block; margin:20px auto 0; }
.customer-login-page .signup-submit:disabled { opacity:.6; cursor:wait; }
.customer-reset-link:focus-visible { outline:2px solid #007f87; outline-offset:4px; }