/* Approved reference composition, real Django form over the left card.
   Reference PNGs are unchanged; the right panel is a static illustration. */
.login-page{--login-reference:url('login-reference-light.png');--auth-glass:linear-gradient(125deg,#effaff,#f9fcff 55%,#eaf7ff);margin:0;padding:0;min-height:100svh;display:flex;align-items:center;background:#dfedf9;font-family:'Segoe UI',Arial,sans-serif}
:root[data-theme=dark] .login-page{--login-reference:url('login-reference-dark.png');--auth-glass:linear-gradient(130deg,#061b2c,#031422 55%,#062b46);background:#020d19}
.login-layout{position:relative;container-type:inline-size;box-sizing:border-box;width:min(100%,calc(177.68svh - 4px));max-width:none;aspect-ratio:1672/941;min-height:0;flex-shrink:0;margin:auto;padding:0;display:block;background:var(--login-reference) center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.auth-panel{position:absolute;box-sizing:border-box;left:2.87%;top:3.08%;width:33.5%;height:93.4%;padding:2.87cqw;background:var(--auth-glass);border:1px solid #a9e5fa;border-radius:1.8cqw;box-shadow:inset 0 1px 24px #fff7,0 14px 45px #16465e24;display:flex;flex-direction:column}
:root[data-theme=dark] .auth-panel{border-color:#2d8cbb;box-shadow:inset 0 1px 22px #129fda24,0 14px 45px #0004}
.original-logo{background:none;mask:none;-webkit-mask:none;width:13.75cqw;height:8.67cqw;margin:0 auto;flex-shrink:0}
.brand-description{text-align:center;color:var(--argitu-ink);font-size:1.2cqw;line-height:1.25;margin:.72cqw 0 2cqw}:root[data-theme=dark] .brand-description{color:#a5e5ff}
.original-logo svg{display:block;width:100%;height:100%}.original-logo .logo-dark{display:none}:root[data-theme=dark] .original-logo .logo-dark{display:block}:root[data-theme=dark] .original-logo .logo-light{display:none}
.auth-panel h1{font-size:2.39cqw;line-height:1.2;letter-spacing:-.05cqw;margin:0 0 1.44cqw;font-weight:750;color:var(--argitu-ink)}
.auth-field{margin:0 0 1.44cqw}.auth-panel label{display:block;font-size:1.08cqw;line-height:1.22;font-weight:500;margin:0 0 .3cqw;color:var(--argitu-ink)}
.auth-input{position:relative}.auth-input input{box-sizing:border-box;width:100%;max-width:100%;height:3.35cqw;min-height:44px;margin:0;padding:.72cqw 3cqw .72cqw 3.7cqw;border:1px solid #90b7d7;border-radius:.65cqw;background:#f4f9ff;color:var(--argitu-ink);font:inherit;font-size:1.08cqw;box-shadow:inset 0 1px 12px #7eb1d611}
:root[data-theme=dark] .auth-input input{background:linear-gradient(110deg,#081b2c,#112c44);border-color:#6a9abb;box-shadow:inset 0 1px 9px #91c9f91c}
.auth-input input::placeholder{color:var(--argitu-muted);opacity:1}.auth-input input:autofill{box-shadow:0 0 0 1000px var(--argitu-raised) inset;-webkit-text-fill-color:var(--argitu-ink);caret-color:var(--argitu-ink)}
.field-icon{position:absolute;left:1.1cqw;top:50%;transform:translateY(-50%);width:1.45cqw;height:1.45cqw;min-width:19px;min-height:19px;color:#3c628c;pointer-events:none}:root[data-theme=dark] .field-icon{color:#afe7ff}
.password-visibility{position:absolute;right:.3cqw;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.8cqw;height:2.8cqw;min-width:40px;min-height:40px;margin:0;padding:0;border:0;background:transparent;color:var(--argitu-muted);border-radius:8px;cursor:pointer}
.login-submit{box-sizing:border-box;width:100%;height:3.83cqw;min-height:48px;margin:0;border:1px solid #5ceaff;border-radius:1.1cqw;background:linear-gradient(105deg,#00bce6,#03e3ea);color:#00172d;font:700 1.2cqw 'Segoe UI',sans-serif;box-shadow:0 0 22px #00d8fa50,inset 0 1px 5px #e3ffffb3;cursor:pointer}
.password-recovery{display:block;text-align:center;margin-top:1.2cqw;color:#0086d9;font-size:1.08cqw;text-underline-offset:4px}:root[data-theme=dark] .password-recovery{color:#22eff6}
.login-submit svg{vertical-align:middle;margin-left:12px}
.login-errors{font-size:.96cqw;color:var(--argitu-error);margin:0 0 .6cqw}
.login-access-note{display:flex;align-items:center;justify-content:center;gap:.72cqw;border-top:1px solid #85c9ef;border-bottom:1px solid #85c9ef;margin-top:1.7cqw;padding:.9cqw 0;color:var(--argitu-ink);font-size:.84cqw;white-space:nowrap}
.login-access-note svg{flex-shrink:0;color:#006aad}:root[data-theme=dark] .login-access-note{color:#a5e5ff;border-color:#377a9c}:root[data-theme=dark] .login-access-note svg{color:#a5e5ff}
.login-benefits{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.72cqw;margin-top:1.65cqw;color:var(--argitu-ink);font-size:.84cqw;line-height:1.2}
.login-benefits>div{display:flex;align-items:center;gap:.7cqw}.login-benefits>div+div{border-left:1px solid #70b7d8;padding-left:1cqw}.login-benefits svg{width:2.15cqw;height:2.15cqw;flex-shrink:0;color:#00bde5}:root[data-theme=dark] .login-benefits{color:#a5e5ff}
.product-preview{position:absolute;inset:0 0 0 37.8%;pointer-events:none}.product-preview .reference-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reference-illustration{position:absolute;inset:0;display:block;width:100%;height:100%}.product-preview .reference-dark{display:none}:root[data-theme=dark] .product-preview .reference-light{display:none}:root[data-theme=dark] .product-preview .reference-dark{display:block}
.demo-label{position:absolute;right:3.8%;bottom:2%;font-size:11px;line-height:1.3;color:var(--argitu-muted);background:var(--argitu-surface);border:1px solid var(--argitu-border);padding:4px 9px;border-radius:12px}
:root[data-theme] .login-page .argitu-theme-switch{position:absolute;right:3%;top:3.19%;box-sizing:border-box;width:7.54%;height:4.89%;padding:.18cqw;gap:0;background:#effaff;border-color:#a4cbe4;box-shadow:0 0 12px #9ddaf72b}
:root[data-theme=dark] .login-page .argitu-theme-switch{background:#041a2a;border-color:#71b5e0}
:root[data-theme] .login-page .argitu-theme-switch button{flex:1;width:auto;min-width:0;height:100%;min-height:0}
@media(max-width:1100px){
 .login-page{display:block;background:var(--argitu-bg)}.login-layout{width:100%;aspect-ratio:auto;min-height:100svh;background:none;display:flex;flex-direction:column;gap:26px;padding:76px 18px 24px}
 .auth-panel{position:relative;inset:auto;width:min(100%,520px);height:auto;margin:0 auto;padding:32px 30px 40px;border-radius:24px}
 .original-logo{width:220px;height:138px;margin:0 auto}.brand-description{font-size:18px;margin:12px 0 40px}.auth-panel h1{font-size:36px;letter-spacing:-1px;margin:0 0 28px}
 .auth-field{margin-bottom:24px}.auth-panel label{font-size:16px;margin-bottom:9px}.auth-input input{font-size:16px;height:56px;border-radius:9px;padding:12px 46px 12px 50px}.field-icon{left:16px;width:23px;height:23px}.password-visibility{right:5px;width:44px;height:44px}
 .login-submit{height:60px;font-size:18px;border-radius:12px}.password-recovery{font-size:16px;margin-top:22px}.login-errors{font-size:14px;margin-bottom:16px}
 .login-access-note{font-size:12px;white-space:normal;margin-top:28px;padding:16px 0;gap:10px}.login-benefits{font-size:12px;margin-top:24px;gap:10px}.login-benefits>div{gap:8px}.login-benefits>div+div{padding-left:10px}.login-benefits svg{width:26px;height:26px}
 .product-preview{position:relative;inset:auto;width:min(100%,850px);margin:auto;aspect-ratio:1040/941;background:var(--login-reference) right center/160.77% 100% no-repeat;border-radius:16px;overflow:hidden}.demo-label{bottom:1.5%;right:3%}
 :root[data-theme] .login-page .argitu-theme-switch{right:18px;top:14px;width:104px;height:44px;padding:3px}:root[data-theme] .login-page .argitu-theme-switch button{width:44px;height:36px}
}
@media(max-width:420px){.login-layout{padding:72px 12px 20px}.auth-panel{padding:28px 24px 34px}.original-logo{width:190px;height:120px}.brand-description{margin-bottom:32px;font-size:16px}.auth-panel h1{font-size:30px}.product-preview{width:100%;border-radius:12px}.login-benefits{font-size:10px;gap:7px}.login-benefits svg{width:22px;height:22px}}