<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;">
    Пошаговые руководства по настройке VPN-приложений на смартфонах и планшетах. Выберите приложение и своё устройство, чтобы перейти к нужной инструкции.
  </p>
</div>
<div style="display:flex;flex-wrap:wrap;gap:16px;">
  <!-- HAPP -->

  <div style="box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 280px;min-width:250px;padding:24px;border:1px solid #14adc5;border-radius:12px;background:#2b3038;color:#e5e7eb;">
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:18px;">
      <img src="https://play-lh.googleusercontent.com/dz5lnFqgq_K3ts3q2v47ynpTGwCPv7fceisG-_FUqatl19Vgejy-KFGlKwXfxETyAZrutA_wBYaQ-KNINodVqQ=w240-h480-rw" alt="Иконка HAPP" style="width:64px;height:64px;object-fit:cover;border-radius:14px;flex-shrink:0;">
      <div>
        <h3 style="margin:0 0 5px;color:#ffffff;font-size:22px;">HAPP</h3>
        <div style="font-size:13px;color:#14adc5;">Приоритеный VPN-клиент</div>
      </div>
    </div>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 22px;flex:1;">
      Руководство по установке HAPP, добавлению подписки и запуску VPN-подключения на смартфоне.
    </p>
    <div style="display:flex;flex-wrap:wrap;gap:10px;">
      <a href="./Смартфоны/HAPP-Android" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=11138&format=png&color=ffffff" alt="Android" style="width:20px;height:20px;vertical-align:top;">Android</a>
      <a href="./Смартфоны/HAPP-iOS" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=30840&format=png&color=ffffff" alt="Apple" style="width:20px;height:20px;vertical-align:top;">IOS</a>
    </div>
  </div>

  <!-- INCY -->

  <div style="box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 280px;min-width:250px;padding:24px;border:1px solid #414955;border-radius:12px;background:#2b3038;color:#e5e7eb;">
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:18px;">
      <img src="https://play-lh.googleusercontent.com/-c18-MNZlXWoErwBXYxIuygXeaud2KBN96E9SU_RpKgsOE3nGTDD-YghIAjvCWasLMyJOIaMfApSz-gThCaclg=w240-h480-rw" alt="Иконка INCY" style="width:64px;height:64px;object-fit:cover;border-radius:14px;flex-shrink:0;">
      <div>
        <h3 style="margin:0 0 5px;color:#ffffff;font-size:22px;">INCY</h3>
        <div style="font-size:13px;color:#93c5fd;">VPN-клиент</div>
      </div>
    </div>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 22px;flex:1;">
      Инструкция по установке приложения, добавлению конфигурации и подключению к серверу.
    </p>
    <div style="display:flex;flex-wrap:wrap;gap:10px;">
      <a href="./Смартфоны/INCY-Android" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=11138&format=png&color=ffffff" alt="Android" style="width:20px;height:20px;vertical-align:top;">Android</a>
      <a href="./Смартфоны/INCY-iOS" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=30840&format=png&color=ffffff" alt="Apple" style="width:20px;height:20px;vertical-align:top;">IOS</a>
    </div>
  </div>

  <!-- v2rayTun -->

  <div style="box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 280px;min-width:250px;padding:24px;border:1px solid #414955;border-radius:12px;background:#2b3038;color:#e5e7eb;">
    <div style="display:flex;align-items:center;gap:16px;margin-bottom:18px;">
      <img src="https://play-lh.googleusercontent.com/7DrGwiDNQ0kueI2GvddHD2D74ZUFIm041uVqfjqBlba0G6-7WsuxgQGruoEWSVLzd0rAh84w32jZ_FTE14SKLIA=w240-h480-rw" alt="Иконка v2rayTun" style="width:64px;height:64px;object-fit:cover;border-radius:14px;flex-shrink:0;">
      <div>
        <h3 style="margin:0 0 5px;color:#ffffff;font-size:22px;">v2rayTun</h3>
        <div style="font-size:13px;color:#93c5fd;">VPN-клиент</div>
      </div>
    </div>
    <p style="font-size:14px;line-height:1.7;color:#cbd5e1;margin:0 0 22px;flex:1;">
      Инструкция по установке приложения, импорту профиля и подключению к VPN.
    </p>
    <div style="display:flex;flex-wrap:wrap;gap:10px;">
      <a href="./Смартфоны/v2rayTun-Android" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=11138&format=png&color=ffffff" alt="Android" style="width:20px;height:20px;vertical-align:top;">Android</a>
      <a href="./Смартфоны/v2rayTun-iOS" style="box-sizing:border-box;display:block;flex:1 1 110px;text-align:center;padding:13px 8px;border-radius:8px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-size:14px;font-weight:bold;"><img src="https://img.icons8.ru/?size=100&id=30840&format=png&color=ffffff" alt="Apple" style="width:20px;height:20px;vertical-align:top;">IOS</a>
    </div>
  </div>

</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;"><img src="https://img.icons8.ru/?size=100&id=Hwom08A3Vybf&format=png&color=ffffff" alt="лампочка" width="32" height="32" style="display:block;width:32px;height:32px;object-fit:contain;"> Как выбрать инструкцию?</h3>
  <p style="margin:0;line-height:1.7;color:#dbeafe;">
    Найдите нужное приложение и нажмите кнопку своего устройства. Для смартфонов и планшетов Apple выбирайте «IOS», для устройств на Android — «Android».
  </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>