/* Full-screen background at every size; only the card width/alignment adapts. */

/* Phones */
@media (max-width: 575.98px) {
    .login-page__content {
        padding: 20px 16px;
        align-items: center;
    }

    .login-page__content > .row {
        align-items: center !important;
    }

    .login-card {
        max-width: 480px;
        border-radius: 22px;
        padding-bottom: 28px;
    }
}

/* Small phones */
@media (max-width: 359px) {
    .login-page__content {
        padding-right: 14px;
        padding-left: 14px;
    }

    .login-card {
        padding: 24px 20px 20px;
    }

    .login-card h1 {
        font-size: 1.55rem;
    }
}

/* Tablets */
@media (min-width: 576px) and (max-width: 1024px) {
    .login-page__content {
        padding: 32px;
    }

    .login-card {
        max-width: 460px;
    }
}

/* Desktop / large screens: keep the card comfortably readable against the
   full-bleed background instead of stretching it edge to edge. */
@media (min-width: 1025px) {
    .login-page__content {
        padding: 48px 64px;
    }

    .login-card {
        max-width: 420px;
    }
}