/* Login follows the workspace palette while retaining the existing auth form. */
.login-page.backend-auth-page {
    --auth-bg-1: #102f75;
    --auth-bg-2: #1769e0;
    --auth-accent: #1769e0;
    --auth-accent-2: #36a8f5;
    --auth-accent-3: #9dd9ff;
    --auth-text: #172033;
    --auth-text-muted: #697890;
    --auth-card-bg: #fff;
    --auth-input-bg: #f7f9fc;
    --auth-input-border: #e5ecf5;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #f2f5fa;
}
.backend-auth-page .auth-shell::before,
.backend-auth-page .auth-shell::after { display: none; }
.backend-auth-page .auth-hero {
    background:
        radial-gradient(ellipse at 100% 0, rgba(157, 217, 255, .3), transparent 60%),
        linear-gradient(145deg, #102f75, #1769e0 68%, #36a8f5);
}
.backend-auth-page .auth-hero::before {
    background: radial-gradient(circle at 0 100%, transparent 35%, rgba(255, 255, 255, .1) 35.2%, transparent 35.5%);
    mask-image: none;
    -webkit-mask-image: none;
}
.backend-auth-page .auth-hero__title { font-weight: 750; letter-spacing: -.035em; line-height: 1.15; }
.backend-auth-page .auth-hero__title span { background: none; color: #b8e3ff; }
.backend-auth-page .auth-hero__sub { color: #d7e8ff; }
.backend-auth-page .auth-hero__features li { color: #e5f0ff; }
.backend-auth-page .auth-hero__features li::before { background: rgba(255, 255, 255, .17); box-shadow: none; border: 1px solid rgba(255, 255, 255, .25); }
.backend-auth-page .auth-panel { background: #f2f5fa; }
.backend-auth-page .auth-card { border: 1px solid #e5ecf5; border-radius: 26px; box-shadow: 0 18px 50px rgba(35, 57, 91, .1); }
.backend-auth-page .auth-card__title { color: #172033; font-weight: 750; font-size: 30px; }
.backend-auth-page .auth-field__inner { border-radius: 14px; }
.backend-auth-page .auth-submit { border-radius: 14px; background: #1769e0; box-shadow: 0 8px 20px rgba(23, 105, 224, .2); }
.backend-auth-page .auth-submit:hover { background: #1157bc; }
.backend-auth-page :is(input, button, a):focus-visible { outline: 3px solid #1769e0; outline-offset: 4px; }
.backend-auth-page .auth-hero__brand-text { font-size: 16px; letter-spacing: .08em; }
@media (max-width: 767px) {
    .backend-auth-page .auth-hero { border-radius: 0 0 26px 26px; }
    .backend-auth-page .auth-card { border-radius: 22px; }
    .backend-auth-page .auth-card__title { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
    .backend-auth-page *, .backend-auth-page *::before, .backend-auth-page *::after { animation: none !important; transition: none !important; }
}