.login-page { min-height: 100vh; background: white; }
.login-layout { display: grid; grid-template-columns: minmax(300px, .95fr) minmax(340px, 1.05fr); min-height: 100vh; }
.login-brand-panel { display: flex; flex-direction: column; padding: 34px clamp(24px, 5vw, 72px); color: white; background: var(--dt-navy-950); }
.brand-light { color: white; }
.login-brand-copy { max-width: 440px; margin: auto 0; padding: 70px 0; }
.login-brand-copy .eyebrow { color: #80c99b; }
.login-brand-copy h1 { max-width: 420px; margin-bottom: 16px; font-size: clamp(30px, 4vw, 46px); line-height: 1.12; font-weight: 500; }
.login-brand-copy p:last-child { max-width: 370px; color: #c0d0d7; font-size: 15px; }
.login-brand-foot { color: #8ca1ab; font-size: 11px; }
.login-form-panel { display: grid; place-items: center; padding: 30px; }
.login-form { width: min(100%, 390px); }
.login-form h2 { margin-bottom: 7px; font-size: 25px; font-weight: 500; }
.login-form .muted { margin-bottom: 28px; }
.login-form label { display: block; margin: 15px 0 7px; font-size: 12px; font-weight: 600; }
.login-form input { display: block; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #ccd6db; border-radius: 3px; background: white; }
.login-submit { width: 100%; margin-top: 23px; min-height: 42px; }
.directory-back { display: inline-block; margin-top: 23px; color: #397b53; font-size: 12px; text-decoration: none; }
@media (max-width: 700px) { .login-layout { grid-template-columns: 1fr; } .login-brand-panel { min-height: 240px; padding: 22px; } .login-brand-copy { padding: 35px 0 20px; } .login-brand-copy h1 { font-size: 30px; } .login-brand-foot { display: none; } .login-form-panel { padding: 35px 22px; } }