body.auth-bg {
    min-height: 100vh;
    color: #e5f2ff;
    background:
    /* (Optional) SVG overlay if you saved it as /wwwroot/img/login-bg.svg */
    url('/img/login-bg.svg') center/cover no-repeat fixed,
    /* diagonal streaks */
    repeating-linear-gradient(-35deg, rgba(56,189,248,.00) 0 22px, rgba(56,189,248,.08) 22px 23px, rgba(56,189,248,.00) 23px 60px),
    /* grid */
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 28px),
    /* glows */
    radial-gradient(1200px circle at 18% 10%, rgba(56,189,248,.35), transparent 55%), radial-gradient(900px circle at 82% 28%, rgba(37,99,235,.28), transparent 60%), radial-gradient(650px circle at 55% 85%, rgba(99,102,241,.18), transparent 62%),
    /* base */
    linear-gradient(135deg, #030712 0%, #04122a 38%, #071f3e 100%);
    background-blend-mode: normal;
    overflow-x: hidden;
}

    body.auth-bg .app-shell,
    body.auth-bg .app-main,
    body.auth-bg .app-main > .container,
    body.auth-bg footer.footer {
        background: transparent !important;
    }

    body.auth-bg .site-header {
        background: rgba(3, 7, 18, .55);
        border-bottom: 1px solid rgba(147,197,253,.18);
        backdrop-filter: blur(10px);
    }

    body.auth-bg footer.footer {
        border-top: 1px solid rgba(147,197,253,.18) !important;
        color: rgba(229,242,255,.72) !important;
    }

    body.auth-bg .nav-btn {
        color: rgba(229,242,255,.90) !important;
    }

    body.auth-bg label,
    body.auth-bg .form-label {
        color: rgba(229,242,255,.90) !important;
    }

    body.auth-bg input,
    body.auth-bg select,
    body.auth-bg textarea {
        background: rgba(2, 10, 24, .55) !important;
        color: rgba(229,242,255,.95) !important;
        border-color: rgba(147,197,253,.22) !important;
    }

        body.auth-bg input::placeholder {
            color: rgba(229,242,255,.45) !important;
        }

    body.auth-bg .login-page,
    body.auth-bg .auth-page {
        background: transparent !important;
    }

        body.auth-bg .login-page::before,
        body.auth-bg .login-page::after {
            content: none !important;
            display: none !important;
        }

    body.auth-bg .scan-beam {
        display: none !important;
    }