.login-page{background:#f6f7f9}
.login-layout{grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);min-height:100vh;min-height:100svh}
.login-intro{min-height:100vh;min-height:100svh;padding:clamp(28px,4vw,64px);background:#263345}
.login-intro::after{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,rgba(17,29,45,.62),rgba(17,29,45,.03) 45%,rgba(17,29,45,.16));pointer-events:none}
.login-factory{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% center}
.login-brand{z-index:1;color:#fff;gap:14px}
.login-brand strong{font-size:25px;letter-spacing:-.02em}
.login-brand .brand__mark{box-shadow:none}
.login-panel{padding:48px clamp(24px,4.5vw,84px);background:#f6f7f9}
.login-form{width:min(440px,100%);padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;gap:26px}
.login-caption{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 14px}
.login-form h1{font-size:clamp(28px,2.65vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0;color:var(--ink)}
.login-subtitle{margin:14px 0 0;font-size:15px;line-height:1.5}
.login-form .stack-form{margin:0;gap:20px}
.login-form .stack-form label{gap:9px;font-size:13px;color:#4c576b}
.login-form input:not([type]),.login-form input[type='text'],.login-form input[type='password']{height:54px;font-size:16px;background:#fff}
.login-submit{min-height:52px;margin-top:5px;font-size:15px}
.login-help{color:#68758c;line-height:1.7;font-size:12px;text-align:left;margin:0}
.login-form details{color:var(--muted);font-size:14px}
.login-form details[open] .stack-form{margin-top:20px}
.login-form summary{cursor:pointer}
.login-form [hidden]{display:none}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;grid-template-rows:clamp(150px,29svh,250px) 1fr}.login-intro{min-height:0;padding:24px}.login-factory{object-position:center 53%}.login-brand strong{font-size:22px}.login-panel{padding:36px 24px 48px;align-items:start}.login-form{width:min(440px,100%);gap:24px}.login-form h1{font-size:30px}}
@media(max-height:600px) and (min-width:801px){.login-panel{padding-top:24px;padding-bottom:24px}.login-form{gap:18px}}