.login-page > *{min-width:0}
.login-page--responsive{min-height:100dvh}
.login-page--responsive .login-form-side{min-height:100dvh}
.login-card--responsive{width:min(100%,460px)}
.login-card--responsive .login-mobile-brand{display:none}
.login-card--responsive h1{color:#123a2c}
.login-intro{margin:8px 0 24px;color:#65776f}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.login-options a{font-weight:800;color:#087d51}
.login-card--responsive .login-submit{margin-top:16px}
.login-support{display:block;text-align:center;margin-top:15px;color:#74857d}
.login-card--responsive,.login-card--responsive *{animation:none!important;transition-duration:.12s!important}

@media(min-width:781px){
    .login-page--responsive{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(420px,.95fr);background:#f4f8f5}
    .login-page--responsive .login-visual{display:flex;min-height:100dvh}
    .login-page--responsive .login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
    .login-card--responsive{padding:38px;border-radius:24px}
}

@media(max-width:780px){
    .login-page--responsive{display:block;min-height:100dvh;padding:14px;background:radial-gradient(circle at 50% 4%,#eaf8f0 0,#f7faf8 44%,#eef4f1 100%)}
    .login-page--responsive .login-visual{display:none!important}
    .login-page--responsive .login-form-side{width:100%;min-height:calc(100dvh - 28px);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
    .login-card--responsive{width:min(100%,440px);padding:26px 20px;border:1px solid #d7e3dc;border-radius:20px;background:#fff;box-shadow:0 16px 42px #07382314}
    .login-card--responsive .login-mobile-brand{display:flex;justify-content:center;margin:0 0 18px}
    .login-card--responsive .login-mobile-brand img{display:block;width:165px;max-width:58vw;height:78px;object-fit:contain}
    .login-card--responsive h1{margin:0;text-align:center;font-size:30px;line-height:1.3}
    .login-card--responsive .login-intro{text-align:center;margin:7px 0 22px;font-size:14px}
    .login-card--responsive .field input{min-height:52px;font-size:16px}
    .login-card--responsive .login-submit{min-height:54px}
    .login-page--responsive footer{position:static;margin:0;color:#718078}
}

@media(max-width:380px){
    .login-page--responsive{padding:8px}
    .login-page--responsive .login-form-side{min-height:calc(100dvh - 16px)}
    .login-card--responsive{padding:22px 16px}
    .login-options{align-items:flex-start;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
    .login-card--responsive,.login-card--responsive *{transition:none!important}
}