.customer-login-section { padding: 32px 0 48px; }
.customer-login-card { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 12px; background: #fff; }
.customer-login-panel { padding: 36px 32px; background: #f6f6f6; }
.customer-login-heading { margin: 0 0 36px; text-align: center; font-size: 40px; font-weight: 400; line-height: 1.5; color: #111; }
.customer-login-heading strong { display: block; color: var(--main-color, #006a4e); font-weight: 700; }
.customer-login-form { display: flex; flex-direction: column; gap: 22px; width: 100%; max-width: 448px; margin: 0 auto; }
.customer-login-form .customer-login-input { display: block; box-sizing: border-box; width: 100%; height: 75px; padding: 14px 24px; border: 1px solid #e5e5e5; border-radius: 999px; background: transparent; color: #111; font-family: inherit; font-size: 21px; text-align: center; }
.customer-login-form .customer-login-phone { background: #ebebeb; border-color: #bfbfbf; }
.customer-login-input::placeholder { color: #111; opacity: 1; }
.customer-login-form .customer-login-input:focus { outline: 2px solid var(--main-color, #006a4e); outline-offset: 3px; }
.customer-login-form .customer-login-input.is-invalid { border-color: #b42318; }
.customer-login-error { display: block; color: #b42318; margin: 8px 16px 0; font-size: 13px; }
.customer-login-divider { display: flex; align-items: center; gap: 14px; color: #64748b; font-size: 14px; }
.customer-login-captcha { align-self: flex-end; max-width: 100%; }
@media (max-width: 374px) {
    .customer-login-captcha .g-recaptcha { transform: scale(.82); transform-origin: top left; width: 250px; height: 64px; }
}
.customer-login-divider::before, .customer-login-divider::after { content: ''; flex: 1; height: 1px; background: #e0e0e0; }
.customer-login-forgot { align-self: flex-end; color: var(--main-color, #006a4e); margin-top: -10px; }
.customer-login-submit { width: 100%; min-height: 75px; border: 0; border-radius: 999px; background: var(--main-color, #006a4e); color: #fff; font-size: 28px; font-weight: 600; box-shadow: 0 2px 3px #0002; }
.customer-login-submit:hover { filter: brightness(.92); }
.customer-login-register { display: flex; align-items: center; justify-content: center; min-height: 60px; border-radius: 999px; background: #fff; color: var(--main-color, #006a4e); font-size: 18px; font-weight: 500; }
.customer-login-art { display: flex; align-items: center; justify-content: center; padding: 40px; }
.customer-login-art img { display: block; width: 100%; max-width: 500px; height: auto; }
@media (max-width: 991px) {
    .customer-login-card { grid-template-columns: 1fr; max-width: 680px; margin: auto; }
    .customer-login-art { display: none; }
}
@media (max-width: 575px) {
    .customer-login-section { padding: 20px 0 30px; }
    .customer-login-panel { padding: 28px 18px; }
    .customer-login-heading { font-size: 28px; margin-bottom: 28px; }
    .customer-login-form { gap: 18px; }
    .customer-login-form .customer-login-input { height: 60px; font-size: 17px; padding: 12px 16px; }
    .customer-login-submit { min-height: 60px; font-size: 24px; }
}