@media (max-width: 560px) {
    .auth-page {
        padding: 1rem;
        align-items: center;
    }

    .auth-shell {
        width: 100%;
    }

    .auth-card {
        padding: 1.5rem 1.25rem;
        border-radius: var(--radius-md);
    }

    .auth-brand {
        margin-bottom: 1.5rem;
    }

    .brand-image {
        width: 46px;
        height: 46px;
    }

    .auth-brand-name {
        font-size: 1.2rem;
    }

    .auth-card-heading {
        margin-bottom: 1rem;
    }

    .auth-card .grid {
        gap: 0.85rem;
    }
}