html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
}

.gradient-text {
    display: inline-block;
    background: linear-gradient(135deg, #22D3EE 0%, #67E8F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.field {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    padding: 1rem;
    color: #fff;
    outline: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.field::placeholder {
    color: rgba(156, 163, 175, 0.8);
}

.field:focus {
    border-color: rgba(34, 211, 238, 0.65);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.08);
}


/* FAQ-аккордеон: поворот стрелки при открытии.
   Tailwind 3.0.0 (Play CDN) не знает варианта group-open: — рисуем через CSS. */
.faq-caret {
    transition: transform .3s ease;
}
details[open] > summary .faq-caret {
    transform: rotate(180deg);
}
/* Плавное раскрытие ответа */
details > .faq-answer {
    display: block;
}

/* Тач-цели в футере: ссылки были 16px высотой — ниже минимума 44px
   (Apple HIG / Material). Увеличиваем область клика, не меняя вид. */
.footer-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 0;
}

@media (max-width: 640px) {
    .footer-link {
        min-height: 48px;
    }
}