/* QAUSAINFLIX UI-P5H — SOLID DARK AUTH CARD */

/* Login and registration card */
#login .user-login-card {
    background: #08090D !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Primary authentication buttons */
#login .user-login-card .btn.btn-primary {
    background: #6A2AEF !important;
    background-image: none !important;
    border-color: #6A2AEF !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Button hover */
#login .user-login-card .btn.btn-primary:hover,
#login .user-login-card .btn.btn-primary:active {
    background: #5F24DF !important;
    border-color: #5F24DF !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Accessible keyboard focus */
#login .user-login-card .btn.btn-primary:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 3px !important;
}


/* QAUSAINFLIX UI-P5I PREMIUM DARK OVERLAY */

/* Keep posters but apply a strong dark tint */
#login > div.vh-100 {
    background-color: #08090D !important;
    background-blend-mode: multiply !important;
}

/* Solid dark authentication card */
#login .user-login-card {
    background: #08090D !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Flat purple authentication buttons */
#login .user-login-card .btn.btn-primary {
    background: #6A2AEF !important;
    background-image: none !important;
    border-color: #6A2AEF !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Hover state */
#login .user-login-card .btn.btn-primary:hover,
#login .user-login-card .btn.btn-primary:active {
    background: #5F24DF !important;
    background-image: none !important;
    border-color: #5F24DF !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

/* Keyboard accessibility */
#login .user-login-card .btn.btn-primary:focus-visible {
    outline: 2px solid #FFFFFF !important;
    outline-offset: 3px !important;
}


/* QAUSAINFLIX UI-P5J 70 PERCENT DARK OVERLAY */

#login > div.vh-100 {
    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.70),
            rgba(0, 0, 0, 0.70)
        ),
        url('/dummy-images/login_banner.jpg') !important;

    background-blend-mode: normal !important;
    background-color: #08090D !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep authentication card solid dark */
#login .user-login-card {
    background: #08090D !important;
    background-image: none !important;
}