<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;">
    Не работает подключение, возникла ошибка или приложение ведёт себя необычно? Здесь собраны инструкции по диагностике и устранению распространённых неполадок.
  </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;">
      Ошибки подключения, нестабильная работа, низкая скорость и проблемы с доступом к сервисам.
    </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;">
    Если проблема не описана в базе знаний, подготовьте название приложения, устройство и описание ошибки. Это поможет быстрее разобраться в ситуации.
  </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>
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9