.login-page {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    padding: 3rem 1.5rem;
    background-color: #06486f;
}

.login-page-background {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.login-page::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgb(3 24 39 / 45%);
    pointer-events: none;
}

.login-page .login-card {
    max-width: 460px;
    margin-bottom: 0;
    border: 1px solid rgb(255 255 255 / 60%);
    border-radius: 1.5rem;
    background: rgb(255 255 255 / 88%);
    box-shadow: 0 24px 72px rgb(0 0 0 / 24%);
}

.login-card .form-control {
    border: 1px solid rgb(23 50 74 / 22%);
}

.login-card .form-control:focus {
    border-color: rgb(2 59 100 / 55%);
}

@media (max-width: 575.98px) {
    .login-page {
        padding: 1.5rem 1rem;
    }

    .login-page .login-card {
        border-radius: 1rem;
    }
}