<div style="background:linear-gradient(135deg,#111827 0%,#1e3a5f 100%);color:#ffffff;padding:48px 32px;border-radius:16px;margin-bottom:32px;">
  <div style="font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#93c5fd;margin-bottom:16px;">NEXORA WORLD</div>
  <h1 style="font-size:36px;line-height:1.2;margin:0 0 18px;color:#ffffff;">Часто задаваемые вопросы</h1>
  <p style="font-size:17px;line-height:1.7;color:#dbeafe;max-width:680px;margin:0;">
    Краткие ответы на популярные вопросы о приложениях, подключениях и возможностях Nexora World. Найдите нужную тему и разберитесь самостоятельно.
  </p>
</div>

<h2 style="margin:32px 0 18px;color:#e5e7eb;">💡 Категории вопросов</h2>

<div style="display:flex;flex-wrap:wrap;gap:16px;">

  <a href="./Ответы на вопросы/Общие вопросы" style="box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 220px;min-width:200px;padding:24px;border:1px solid #414955;border-radius:12px;text-decoration:none;color:#e5e7eb;background:#2b3038;">
    <div style="font-size:32px;margin-bottom:18px;">❓</div>
    <h3 style="margin:0 0 12px;color:#ffffff;">Общие вопросы</h3>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 24px;">
      Основная информация о Nexora World, принципы работы, доступ к сервисам и использование базы знаний.
    </p>
    <span style="color:#60a5fa;font-weight:bold;margin-top:auto;">Читать ответы →</span>
  </a>

  <a href="./Ответы на вопросы/Приложения и устройства" style="box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 220px;min-width:200px;padding:24px;border:1px solid #414955;border-radius:12px;text-decoration:none;color:#e5e7eb;background:#2b3038;">
    <div style="font-size:32px;margin-bottom:18px;">📱</div>
    <h3 style="margin:0 0 12px;color:#ffffff;">Приложения и устройства</h3>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 24px;">
      Совместимость, выбор приложений, настройка на смартфонах и компьютерах, а также особенности разных платформ.
    </p>
    <span style="color:#60a5fa;font-weight:bold;margin-top:auto;">Читать ответы →</span>
  </a>

  <a href="./Ответы на вопросы/Подключение и настройки" style="box-sizing:display:flex;flex-direction:column;flex:1 1 220px;min-width:200px;padding:24px;border:1px solid #414955;border-radius:12px;text-decoration:none;color:#e5e7eb;background:#2b3038;">
    <div style="font-size:32px;margin-bottom:18px;">🌐</div>
    <h3 style="margin:0 0 12px;color:#ffffff;">Подключение и настройки</h3>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 24px;">
      Вопросы о подключении, конфигурациях, скорости работы, параметрах и типичных ситуациях при использовании.
    </p>
    <span style="color:#60a5fa;font-weight:bold;margin-top:auto;">Читать ответы →</span>
  </a>

</div>

<div style="margin-top:32px;padding:26px 24px;border-radius:12px;background:#1e3a5f;border:1px solid #31547c;border-left:4px solid #3b82f6;color:#e5e7eb;">
  <h3 style="margin:0 0 12px;color:#ffffff;">🔎 Не нашли ответ?</h3>
  <p style="margin:0;line-height:1.7;color:#dbeafe;">
    Попробуйте поиск по базе знаний или перейдите в раздел «Решение проблем». Если вопрос остаётся открытым, обратитесь в службу поддержки Nexora World.
  </p>
</div>

<div style="text-align:center;margin-top:36px;padding:18px 12px;border-top:1px solid #414955;color:#9ca3af;font-size:13px;">
  <div style="font-weight:bold;letter-spacing:2px;margin-bottom:6px;">NEXORA WORLD</div>
  База знаний и документация
</div>