/* ========================================
   Zovira-DeepFlow v2.1 — Responsive
   ======================================== */

@media (max-width: 768px) {
    .container {
        padding: 16px 10px;
    }

    /* Логотип НЕ меняет размер */
    .header h1 {
        font-size: 6em;
    }

    .header .subtitle {
        font-size: 0.7em;
    }

    .cards {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .card {
        padding: 22px 16px;
    }
    .btn {
        font-size: 0.95em;
        padding: 14px;
        max-width: 100%;
    }
    .modal-card {
        padding: 24px 16px;
    }
    .result-score {
        font-size: 2.4em;
    }
    .result-badge {
        font-size: 1em;
        padding: 6px 18px;
    }
    .grid-2 {
        grid-template-columns: 1fr;
    }
    .row {
        flex-direction: column;
    }
}

@media (max-width: 400px) {
    .container {
        padding: 10px 6px;
    }

    /* Логотип НЕ меняет размер */
    .header h1 {
        font-size: 6em;
    }

    .header .subtitle {
        font-size: 0.65em;
        letter-spacing: 0.1em;
    }
    .promo .pill {
        font-size: 0.75em;
        padding: 8px 16px;
    }
    .card {
        padding: 16px 10px;
    }
    .field input,
    .field select {
        padding: 10px 12px;
        font-size: 0.85em;
    }
    .field label {
        font-size: 0.68em;
    }
    .btn {
        font-size: 0.9em;
        padding: 12px;
    }
    .spinner {
        width: 60px;
        height: 60px;
    }
    .modal-card {
        padding: 18px 12px;
    }
    .result-score {
        font-size: 2em;
    }
}