/* Мобільні й вузькі екрани: менше 768 px, включно з дробовою шириною. */
@media not all and (min-width: 768px) {
    .container {
        padding: 24px 16px;
    }

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

    h1 {
        font-size: 28px;
    }

    body {
        font-size: 16px;
    }

    .auth-container {
        gap: 24px;
        padding-block: 32px;
    }

    .auth-card {
        padding: 28px 22px;
    }
}