.auth-page{background:#edf2f8;background-image:radial-gradient(ellipse at 8% 15%,#dce8fa 0,transparent 45%),radial-gradient(ellipse at 95% 85%,#e1eaf4 0,transparent 45%)}
.auth-shell{box-sizing:border-box;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 24px}
.login-card{box-sizing:border-box;display:grid;grid-template-columns:1.05fr 1fr;width:100%;max-width:1080px;min-height:660px;border:1px solid #dce4ee;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 80px #16395112}
.login-brand{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:48px;padding:48px;background:#102b49;background-image:radial-gradient(ellipse at 100% 100%,#204d7a 0,transparent 65%);color:#fff}
.login-logo-area{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:160px;width:100%;padding:24px;background:#fff;border:1px solid #ffffff20;border-radius:16px}
.login-logo{display:block;max-width:100%;width:380px;max-height:120px;object-fit:contain}
.login-wordmark{font-family:"Segoe UI",sans-serif;font-size:clamp(32px,4vw,48px);letter-spacing:-2px;font-weight:700;color:#102b49}.login-wordmark>span{color:#2678d3}
.login-brand-copy{margin:auto 0}.login-eyebrow{display:block;color:#a7c7e8;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.login-brand h2{color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:0 0 20px;font-weight:600;max-width:360px}
.login-brand p{color:#c2d2e4;font-size:14px;line-height:1.8;margin:0;max-width:360px}.login-module-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.login-module-tags>span{font-size:11px;color:#d4e3f3;padding:7px 10px;border:1px solid #aecbeb33;border-radius:8px;background:#ffffff06}
.login-brand-footer{display:flex;align-items:center;gap:10px;color:#b5cbe1;font-size:11px;padding-top:20px;border-top:1px solid #ffffff1a}.login-security-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#8bc4e8}
.login-form-panel{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:56px 52px 28px}.login-kicker{display:block;color:#2672b9;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:12px}
.login-form-heading h1{font-size:28px;letter-spacing:-.7px;margin:0 0 10px;color:#172f48;font-weight:600}.login-form-heading p{font-size:13px;color:#687d92;line-height:1.7;margin:0 0 28px;max-width:340px}
.login-field{margin-bottom:18px}.login-field label{font-size:12px;display:block;font-weight:600;color:#344d66;margin:0 0 8px}.login-submit{margin-top:26px}
.login-alert{padding:12px 14px;border:1px solid #dbe5ef;border-radius:8px;background:#f3f7fc;font-size:12px;line-height:1.6;color:#455c73;margin-bottom:18px}.login-alert-error{border-color:#efc5cd;background:#fff4f5;color:#a02e41}
.login-help{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #edf1f6;margin-top:26px;padding-top:18px}.login-help>.dx-icon{font-size:16px;color:#738ba3;margin-top:2px}.login-help p{font-size:11px;line-height:1.7;color:#738498;margin:0}
.login-form-footer{font-size:10px;color:#8a9bac;letter-spacing:.2px;margin-top:28px;text-align:center}
@media(max-width:850px){.login-card{max-width:640px;grid-template-columns:1fr;min-height:0}.login-brand{padding:28px;gap:0}.login-logo-area{min-height:130px;padding:20px}.login-logo{max-height:90px;width:360px}.login-brand-copy,.login-brand-footer{display:none}.login-form-panel{padding:32px 36px 24px}}
@media(max-width:480px){.auth-shell{padding:16px 12px}.login-card{border-radius:18px}.login-brand{padding:20px}.login-logo-area{min-height:110px;padding:16px}.login-form-panel{padding:28px 24px 20px}.login-form-heading h1{font-size:25px}.login-logo{max-height:78px}.login-wordmark{font-size:36px}}