.login-page{background:#191c1f;color:#f0f1f2;color-scheme:dark;--accent:#e6e9ec;--card:#24272b;--card-ink:#f0f1f2;--accent-ink:#1c2024}
.login-page .auth-shell{min-height:100dvh;background:#191c1f url('../images/login-bg.jpg') center center / cover no-repeat;padding:36px 24px}
.login-page .auth-card{max-width:430px;padding:40px;background:#24272b;border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 24px 70px #00000026;color:#f0f1f2}
.login-page .auth-brand{flex-direction:column;gap:17px;text-align:center;margin-bottom:36px;font-size:29px;font-weight:600;letter-spacing:-.8px;color:#f0f1f2}
.login-page .auth-brand .brand-mark{width:76px;height:76px;border-radius:19px;background:#ffffff05;border:1px solid #ffffff29;color:#f0f1f2;font-size:31px;font-weight:650;letter-spacing:-2px;box-shadow:inset 0 1px 0 #ffffff08}
.login-page .auth-brand small{margin-top:9px;color:#a8afb7;font-size:9px;font-weight:500;letter-spacing:2.2px}
.login-page .login-heading{text-align:center;margin-bottom:30px}
.login-page .login-heading h1{font-size:22px;font-weight:500;letter-spacing:-.4px;margin-bottom:9px}
.login-page .login-heading .muted{font-size:13px;color:#b1b7bf;margin:0}
.login-page .form-label{font-size:12px;font-weight:500;color:#d0d5da;margin-bottom:9px}
.login-page .form-control{background:#1e2226;border:1px solid #3e444b;border-radius:9px;padding:13px 14px;min-height:48px;font-size:14px;color:#f1f3f5;box-shadow:none}
.login-page .form-control::placeholder{color:#a1a9b3;font-size:13px}
.login-page .form-control:focus{background:#1e2226;color:#fff;border-color:#9ca6b1;box-shadow:0 0 0 3px #ffffff08}
.login-page .form-control:-webkit-autofill{-webkit-text-fill-color:#f1f3f5;box-shadow:inset 0 0 0 1000px #1e2226;caret-color:#f1f3f5}
.login-page .btn-primary{background:#e6e9ec;border-color:#e6e9ec;color:#1c2024;font-size:14px;font-weight:650;border-radius:9px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:14px;padding:13px 18px}
.login-page .btn-primary:hover{background:#fff;border-color:#fff;color:#171b1f;filter:none}
.login-page .btn-primary:focus-visible,.login-page :focus-visible{outline:2px solid #d5dce4;outline-offset:4px}
.login-page .auth-note{margin:28px auto 0;padding-top:22px;border-top:1px solid #ffffff0d;color:#a1a9b3;font-size:11px;line-height:1.7;text-align:center;max-width:300px}
.login-page .validation-errors{color:#ffabb3;font-size:12px}
.login-page .validation-summary-errors{padding:12px 14px;background:#df526714;border:1px solid #df526729;border-radius:8px;margin-bottom:18px}
.login-page .validation-summary-errors ul{margin:0;padding-left:16px}
@media(max-width:575px){.login-page .auth-shell{padding:24px 18px}.login-page .auth-card{padding:32px 24px;border-radius:16px}.login-page .auth-brand{font-size:27px;margin-bottom:30px}.login-page .auth-brand .brand-mark{width:70px;height:70px;font-size:29px}}
@media(max-height:700px){.login-page .auth-shell{padding-top:20px;padding-bottom:20px}}