/* =========================================================
   Noori Auth Pages
   Bootstrap 5.0.2 helpers
========================================================= */

.auth-page {
    min-height: 100vh;
    background:
        linear-gradient(
            135deg,
            rgba(244, 251, 255, .92),
            rgba(255, 255, 255, .8)
        ),
        url("../images/main_bg.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.auth-brand-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: var(--noori-blue-dark);
}

.auth-brand-logo {
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
}

.auth-card {
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(10px);
}

@media (max-width: 767.98px) {
    .auth-page {
        background-attachment: scroll;
    }
}