<!-- Карточка 1: Настройка приложений -->

<div style="flex: 1; min-width: 250px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; padding: 24px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); color: white;">

<h3 style="margin-top: 0; font-size: 1.4em;">🔧 Настройка приложений</h3>

<p style="line-height: 1.6; margin-bottom: 0;">Подробные пошаговые инструкции по настройке различных приложений и устройств для оптимального подключения к нашему ускорителю. Руководства для всех популярных платформ и операционных систем.</p>

</div>

<!-- Карточка 2: Устранение неполадок -->

<div style="flex: 1; min-width: 250px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 12px; padding: 24px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); color: white;">

<h3 style="margin-top: 0; font-size: 1.4em;">🛠️ Устранение неполадок</h3>

<p style="line-height: 1.6; margin-bottom: 0;">Решение наиболее распространённых проблем при подключении и работе с ускорителем. Детальные алгоритмы диагностики, решения типичных ошибок и рекомендации по оптимизации производительности.</p>

</div>

<!-- Карточка 3: FAQ -->

<div style="flex: 1; min-width: 250px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 12px; padding: 24px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); color: white;">

<h3 style="margin-top: 0; font-size: 1.4em;">❓ Часто задаваемые вопросы</h3>

<p style="line-height: 1.6; margin-bottom: 0;">Ответы на самые популярные вопросы наших пользователей. Раздел регулярно обновляется на основе реальных обращений клиентов. Если вы не нашли ответ здесь, обратитесь в поддержку.</p>

</div>

</div>