/* /Pages/LoginPage.razor.rz.scp.css */
[b-40vcn19j8p] {
    --navy-deep: #00154A;
    --navy-panel: #04215B;
    --navy-mid: #0C2F74;
    --gold: #FFCB00;
    --text-dim: #8a94b8;
    --text-soft: #b7bfdd;
}

    [b-40vcn19j8p] .login-screen {
        height: 100vh;
        width: 100%;
        margin-top: -64px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden;
    }

    [b-40vcn19j8p] .login-panel {
        background: var(--navy-panel);
        position: relative;
        display: flex !important;
        flex-direction: column;
        padding: 48px 64px;
        height: 100vh;
        overflow-y: auto;
    }

        [b-40vcn19j8p] .login-panel::before {
            content: "";
            position: absolute;
            top: -10%;
            left: -20%;
            width: 480px;
            height: 480px;
            background: radial-gradient(circle, var(--navy-mid) 0%, transparent 70%);
            opacity: 0.5;
            pointer-events: none;
        }

    [b-40vcn19j8p] .login-brand {
        z-index: 1;
    }

    [b-40vcn19j8p] .login-center {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 420px;
        z-index: 1;
    }

    [b-40vcn19j8p] .eyebrow {
        text-transform: uppercase;
        color: var(--gold);
        margin-bottom: 18px;
    }

    [b-40vcn19j8p] .login-title {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 700 !important;
        color: #fff !important;
        line-height: 1.25 !important;
        margin-bottom: 16px !important;
    }

    [b-40vcn19j8p] .login-sub {
        font-size: 15px;
        line-height: 1.6;
        color: var(--text-soft);
        margin-bottom: 40px;
    }

    [b-40vcn19j8p] .btn-microsoft {
        padding: 15px 24px !important;
        border: 2px solid #2a3b6e !important;
        border-radius: 40px !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        text-transform: none !important;
        transition: border-color 0.2s ease, background 0.2s ease;
    }

        [b-40vcn19j8p] .btn-microsoft:hover {
            border-color: var(--gold) !important;
            background: #ffffff08 !important;
        }

    [b-40vcn19j8p] .divider-note {
        font-family: 'Poppins', sans-serif !important;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 28px;
        color: var(--text-dim);
        font-size: 11px;
    }

        [b-40vcn19j8p] .divider-note .line {
            flex: 1;
            height: 1px;
            background: #24305c;
        }

    [b-40vcn19j8p] .login-footnote {
        font-family: 'Poppins', sans-serif !important;
        z-index: 1;
        font-size: 12.5px;
        color: var(--text-dim);
    }

    [b-40vcn19j8p] .login-visual {
        position: relative;
        background: url('/img/NewLogoTSLoginPortal1000x1000.png') center/cover no-repeat;
        height: 100vh;
        overflow: hidden;
    }

        [b-40vcn19j8p] .login-visual::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(10,19,48,0.35) 0%, rgba(10,19,48,0) 12%);
            pointer-events: none;
        }

@media (max-width: 959px) {
    [b-40vcn19j8p] .login-panel {
        padding: 32px 28px;
        justify-content: center;
        align-items: stretch;
    }

    [b-40vcn19j8p] .login-title {
        font-size: 28px !important;
    }
}