<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 style="margin-top:28px;">
    <a href="./instructions" style="display:inline-block;background:#3b82f6;color:#ffffff;text-decoration:none;padding:13px 24px;border-radius:8px;font-weight:bold;">
      Начать работу →
    </a>
  </div>
</div>

<h2 style="margin:32px 0 18px;color:#e5e7eb;">📚 База знаний</h2>

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

  <a href="./instructions" style="box-sizing:border-box;display:block;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;">Открыть раздел →</span>
  </a>

  <a href="./troubleshooting" style="box-sizing:border-box;display:block;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;">Найти решение →</span>
  </a>

  <a href="./faq" style="box-sizing:border-box;display:block;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;">Читать FAQ →</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>