.auth-screen { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:#fff; }
.auth-brand-panel { background:linear-gradient(140deg,#18396a 0%,#214c88 65%,#2b5d9e 100%); color:#fff; padding:48px 56px 30px; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.auth-brand-panel::after { content:""; position:absolute; width:600px; height:600px; border:1px solid #ffffff09; border-radius:50%; left:25%; top:28%; box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02; pointer-events:none; }
.auth-brand { display:flex; gap:13px; align-items:center; color:#fff; position:relative; z-index:1; width:max-content; }
.auth-brand .brand-mark { background:#ffffff15; border:1px solid #ffffff25; width:43px; height:43px; }
.auth-brand strong { display:block; font-size:17px; letter-spacing:.04em; }
.auth-brand small { display:block; font-size:9px; letter-spacing:.14em; color:#aac0e0; margin-top:3px; }
.auth-brand-content { margin:auto 0; padding:90px 0; position:relative; z-index:1; }
.auth-kicker { font-size:10px; letter-spacing:.17em; color:#8da9d2; font-weight:600; }
.auth-brand-content h1 { font-size:clamp(32px,3.2vw,47px); letter-spacing:.06em; line-height:1.65; margin:20px 0; }
.auth-brand-content p { color:#b7cbe7; font-size:14px; line-height:2.1; }
.auth-workflow { display:flex; align-items:center; gap:15px; margin-top:45px; }
.auth-workflow span { background:#ffffff08; border:1px solid #ffffff1f; border-radius:9px; padding:15px 18px; color:#d0dff3; font-size:12px; }
.auth-workflow b { display:block; font-size:10px; color:#90b0dc; letter-spacing:.08em; margin-bottom:8px; font-weight:500; }
.auth-workflow i { font-style:normal; color:#83a3d0; }
.auth-brand-footer { font-size:10px; color:#86a5cf; position:relative; z-index:1; }
.auth-form-panel { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px 45px 26px; min-height:100vh; }
.auth-form-container { width:100%; max-width:365px; margin:auto; padding:40px 0; }
.auth-form-container .auth-kicker { color:#8293af; }
.auth-form-container h2 { font-size:29px; margin-top:9px; color:#233e66; letter-spacing:.04em; }
.auth-description { font-size:12px; color:#8a98ac; margin:11px 0 34px; }
#sign-in-form .field { margin-bottom:22px; gap:4px; }
#sign-in-form .field label { font-size:12px; font-weight:600; color:#4e6383; }
#sign-in-form input { min-height:47px; font-size:13px; padding:12px 14px; margin-top:4px; }
#sign-in-form input::placeholder { color:#aab4c4; }
.password-control { position:relative; }
.password-control input { padding-right:48px!important; }
.password-control button { position:absolute; right:8px; top:10px; width:32px; height:32px; display:grid; place-items:center; background:transparent; border:0; color:#94a3b8; border-radius:5px; }
.password-control svg { fill:none; stroke:currentColor; stroke-width:1.5; width:19px; }
.auth-submit { width:100%; min-height:47px; margin-top:6px; font-size:13px; justify-content:space-between; padding:12px 17px; }
.auth-submit:disabled { opacity:.6; }
.auth-error { background:#fff0f1; border:1px solid #f5d9dd; color:#b4525e; font-size:12px; padding:11px 13px; border-radius:7px; margin-bottom:15px; }
.auth-status { min-height:20px; margin-top:10px; color:#8d9bb0; font-size:11px; text-align:center; }
.auth-help { margin-top:27px; border-top:1px solid var(--line); padding-top:23px; text-align:center; font-size:11px; color:#99a5b7; line-height:1.9; }
.auth-form-footer { color:#adb7c7; font-size:8px; letter-spacing:.08em; }
.auth-form-footer span { margin-left:15px; color:#bcc4d0; }
.logout-button { font-size:10px; min-height:30px; padding:5px 9px; }
body.auth-mode .skip-link { display:none; }
@media(max-width:1050px) { .auth-brand-panel { padding:35px; } .auth-workflow { gap:10px; } .auth-workflow span { padding:12px; font-size:11px; } }
@media(max-width:760px) { .auth-screen { grid-template-columns:1fr; } .auth-brand-panel { padding:25px 25px 28px; } .auth-brand strong { font-size:15px; } .auth-brand-content { padding:30px 0 0; margin:0; } .auth-brand-content h1 { font-size:27px; margin:10px 0 6px; line-height:1.5; } .auth-brand-content p { font-size:11px; } .auth-brand-content h1 br { display:none; } .auth-brand-content p br { display:none; } .auth-brand-content .auth-kicker,.auth-workflow,.auth-brand-footer { display:none; } .auth-form-panel { min-height:0; padding:25px 25px 22px; } .auth-form-container { padding:9px 0 30px; } .auth-form-container h2 { font-size:25px; } .auth-description { margin-bottom:25px; } .auth-help { margin-top:20px; } .logout-button { font-size:9px; padding:5px 6px; } .topbar-actions .demo-label { display:none; } }
@media(max-width:420px) { .auth-brand-content h1 { font-size:23px; letter-spacing:.01em; } }