.login-page-bg {
    min-height: 100vh;
    background:
        linear-gradient(90deg, rgba(248, 248, 251, 0.94) 0%, rgba(248, 248, 251, 0.78) 44%, rgba(248, 248, 251, 0.52) 100%),
        url("../assets/images/landing-services-hero.png") center / cover no-repeat fixed;
}

.login-page-bg .card {
    background-color: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(4px);
}

@media (max-width: 767.98px) {
    .login-page-bg {
        background-position: center top;
        background-attachment: scroll;
    }
}