@media (max-width: 991.98px) {
    .auth-shell {
        grid-template-columns: 1fr;
    }

    .auth-brand {
        min-height: 280px;
        padding: 2rem 1.5rem 1.5rem;
    }

    .auth-title {
        font-size: 1.7rem;
    }

    .auth-points {
        display: none;
    }

    .home-hero {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-hero-actions {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .auth-panel {
        padding: 1.25rem;
    }

    .auth-card {
        padding: 1.4rem;
    }

    .foundation-screen .card-body,
    .home-hero {
        padding: 1.25rem;
    }
}