<div style="background:linear-gradient(135deg,#111827 0%,#1e3a5f 100%);color:#ffffff;padding:40px 32px;border-radius:16px;margin-bottom:32px;">
<div style="display:flex;align-items:center;gap:18px;margin-bottom:18px;">
<img src="https://play-lh.googleusercontent.com/dz5lnFqgq_K3ts3q2v47ynpTGwCPv7fceisG-_FUqatl19Vgejy-KFGlKwXfxETyAZrutA_wBYaQ-KNINodVqQ=w240-h480-rw" alt="Иконка HAPP" style="width:76px;height:76px;object-fit:cover;border-radius:16px;flex-shrink:0;">
<div>
<div style="font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#93c5fd;margin-bottom:8px;">NEXORA WORLD</div>
<h1 style="font-size:30px;line-height:1.2;margin:0;color:#ffffff;">Настройка HAPP</h1>
</div>
</div>
<p style="font-size:16px;line-height:1.7;color:#dbeafe;max-width:700px;margin:0;">
Пошаговая инструкция по установке приложения, добавлению VPN-подписки и подключению к серверу на смартфонах и планшетах Android.
</p>
</div>
<div style="padding:20px 22px;border-radius:12px;background:#1e3a5f;border:1px solid #31547c;border-left:4px solid #3b82f6;color:#93c5fd;margin-bottom:28px;">
<h3 style="margin:0 0 10px;color:#ffffff;">Что понадобится</h3>
<ul style="margin:0;padding-left:22px;line-height:1.8;color:#dbeafe;">
<li>Смартфон или планшет на Android.</li>
<li>Подключение к интернету.</li>
<li>Ссылка на VPN-подписку или QR-код полученный у нас.</li>
</ul>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">1. Установка приложения</h2>
<p style="color:#cbd5e1;line-height:1.7;">Для начала установите HAPP на своё устройство. Рекомендуемый способ — через Google Play.</p>
<div style="display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px;">
<a href="https://play.google.com/store/apps/details?id=com.happproxy" style="box-sizing:border-box;display:block;flex:1 1 200px;text-align:center;padding:15px 18px;border-radius:9px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-weight:bold;">Скачать в Google Play →</a>
<a href="https://github.com/Happ-proxy/happ-android/releases/latest/download/Happ.apk" style="box-sizing:border-box;display:block;flex:1 1 200px;text-align:center;padding:15px 18px;border-radius:9px;background:#2b3038;border:1px solid #414955;color:#93c5fd;text-decoration:none;font-weight:bold;">Скачать APK →</a>
</div>
<ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;">
<li>Откройте Google Play по кнопке выше.</li>
<li>Нажмите «Установить».</li>
<li>Дождитесь завершения установки.</li>
<li>Нажмите «Открыть» или найдите HAPP среди приложений.</li>
</ol>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №1 — Установка HAPP</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот страницы HAPP в Google Play. На изображении должна быть видна кнопка «Установить» или «Открыть».</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №1</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">2. Первый запуск</h2>
<p style="color:#cbd5e1;line-height:1.7;">После установки откройте HAPP. На главном экране будут отображаться добавленные конфигурации и состояние подключения.</p>
<ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;">
<li>Запустите приложение HAPP.</li>
<li>Ознакомьтесь с главным экраном.</li>
<li>Найдите элемент добавления подписки или конфигурации.</li>
</ol>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №2 — Главный экран HAPP</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана приложения после первого запуска. Желательно показать кнопку или меню добавления подписки.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №2</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">3. Добавление подписки</h2>
<p style="color:#cbd5e1;line-height:1.7;">Подписка содержит данные, необходимые для подключения к VPN. Её можно добавить по ссылке или QR-коду, если такой способ поддерживается вашим вариантом HAPP.</p>
<h3 style="margin:24px 0 12px;color:#ffffff;">Добавление по ссылке</h3>
<ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;">
<li>На главном экране нажмите кнопку добавления — обычно она обозначена значком «+» или находится в меню.</li>
<li>Выберите добавление подписки по ссылке.</li>
<li>Вставьте ссылку, которую выдал ваш VPN-провайдер.</li>
<li>Подтвердите добавление.</li>
</ol>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №3 — Кнопка добавления</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана HAPP. Выделить кнопку «+» или другой элемент, через который добавляется подписка.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №3</div>
</div>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №4 — Ввод ссылки</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот окна добавления подписки, где вводится ссылка. Перед публикацией замазать ссылку и все личные данные.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №4</div>
</div>
<h3 style="margin:24px 0 12px;color:#ffffff;">Добавление по QR-коду</h3>
<p style="color:#cbd5e1;line-height:1.7;">Если провайдер выдал QR-код, выберите соответствующий вариант импорта и наведите камеру на код. Если QR-код сохранён на этом же телефоне, откройте его на другом устройстве или используйте импорт изображения, если он доступен в приложении.</p>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №5 — Импорт по QR-коду</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот экрана сканирования QR-кода. Не использовать настоящий личный QR-код подписки.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №5</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">4. Обновление подписки и выбор сервера</h2>
<p style="color:#cbd5e1;line-height:1.7;">После добавления подписки проверьте, появились ли доступные профили или серверы.</p>
<ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;">
<li>Найдите добавленную подписку или список профилей.</li>
<li>Если приложение предлагает обновить подписку, выполните обновление.</li>
<li>Выберите нужный профиль или сервер, если их несколько.</li>
</ol>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №6 — Список профилей</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот списка серверов или профилей после добавления подписки. При необходимости скрыть названия и личные данные.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №6</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">5. Подключение к VPN</h2>
<ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;">
<li>Убедитесь, что нужный профиль выбран.</li>
<li>Нажмите кнопку подключения на главном экране.</li>
<li>При первом подключении Android может показать системный запрос на создание VPN-подключения.</li>
<li>Нажмите «Разрешить» или подтвердите запрос.</li>
<li>Дождитесь, пока HAPP покажет активное подключение.</li>
</ol>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №7 — Разрешение Android</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот системного окна Android с запросом на создание VPN-подключения. Выделить кнопку подтверждения.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №7</div>
</div>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №8 — Успешное подключение</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана HAPP после подключения. Должен быть виден статус активного соединения.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №8</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">6. Отключение от VPN</h2>
<p style="color:#cbd5e1;line-height:1.7;">Чтобы отключить VPN, откройте HAPP и нажмите кнопку отключения. Убедитесь, что статус соединения изменился на отключённый.</p>
<div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;">
<div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №9 — Отключение</div>
<p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот кнопки отключения или экрана HAPP после завершения соединения.</p>
<div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №9</div>
</div>
<h2 style="margin:32px 0 18px;color:#93c5fd;">Частые проблемы</h2>
<div style="display:flex;flex-direction:column;gap:12px;">
<div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;">
<h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Подписка не добавляется</h3>
<p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте, что ссылка скопирована полностью, без пробелов и лишних символов. Уточните у провайдера, действительна ли подписка.</p>
</div>
<div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;">
<h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">После добавления подписки нет серверов</h3>
<p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Попробуйте обновить подписку. Если список остаётся пустым, обратитесь к провайдеру.</p>
</div>
<div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;">
<h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Не появляется запрос на VPN</h3>
<p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте, не запущено ли другое VPN-приложение. Android обычно позволяет использовать только одно активное VPN-подключение одновременно.</p>
</div>
<div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;">
<h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Подключение активно, но сайты не открываются</h3>
<p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте интернет без VPN, затем переподключитесь. Если проблема сохраняется, обратитесь к провайдеру.</p>
</div>
</div>
<div style="margin-top:32px;padding:24px;border-radius:12px;background:#1e3a5f;border:1px solid #31547c;border-left:4px solid #3b82f6;color:#93c5fd;">
<h3 style="margin:0 0 10px;color:#ffffff;">Важно о безопасности</h3>
<p style="margin:0;line-height:1.7;color:#dbeafe;">
Не публикуйте ссылку на подписку, QR-код или конфигурацию в открытом доступе. Эти данные могут предоставлять доступ к вашему VPN-подключению. Перед размещением скриншотов замазывайте ссылки, ключи и личные данные.
</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>