Установить виджет БЕЗОПСНОСТИ на сайт

Просто скопируй код и встваь на свой проект
<!-- Виджет "Крипто-безопасность" от Guarantor.su -->
<div id="guarantor-widget"></div>
<script>
  (function() {
    var widgetDiv = document.getElementById('guarantor-widget');
    if (!widgetDiv) return;
    widgetDiv.innerHTML = `
      <div class="gw-container" style="font-family: 'Inter', system-ui, -apple-system, sans-serif; max-width: 480px; margin: 0 auto; background: rgba(10, 15, 26, 0.95); backdrop-filter: blur(12px); border-radius: 32px; border: 1px solid rgba(31, 41, 55, 0.5); box-shadow: 0 20px 35px -10px rgba(0,0,0,0.3); padding: 20px; color: #F1F5F9; transition: all 0.3s;">
        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;">
          <div style="display: flex; align-items: center; gap: 12px;">
            <span style="font-size: 28px;">🛡️</span>
            <span style="font-weight: 700; font-size: 1.2rem;">Гарант.су | Безопасность</span>
          </div>
          <button id="gw-minimize" style="background: none; border: none; color: #94A3B8; cursor: pointer; font-size: 20px;">−</button>
        </div>
        <div id="gw-content">
          <!-- 1. Сканер утечек email -->
          <div style="background: #0F172A; border-radius: 24px; padding: 14px; margin-bottom: 16px;">
            <div style="font-weight: 600; margin-bottom: 8px;">📧 Проверить утечки email</div>
            <input type="email" id="gw-email" placeholder="Ваш email" style="width: 100%; padding: 10px; border-radius: 40px; border: 1px solid #1E293B; background: #1E293B; color: white; margin-bottom: 8px;">
            <button id="gw-check-email" style="background: #3B82F6; border: none; border-radius: 40px; padding: 8px 16px; color: white; font-weight: 500; cursor: pointer; width: 100%;">Проверить</button>
            <div id="gw-email-result" style="font-size: 0.8rem; margin-top: 8px;"></div>
          </div>
          <!-- 2. AML-сканер адреса -->
          <div style="background: #0F172A; border-radius: 24px; padding: 14px; margin-bottom: 16px;">
            <div style="font-weight: 600; margin-bottom: 8px;">🔍 AML-сканер (адрес кошелька)</div>
            <input type="text" id="gw-address" placeholder="BTC / ETH / USDT адрес" style="width: 100%; padding: 10px; border-radius: 40px; border: 1px solid #1E293B; background: #1E293B; color: white; margin-bottom: 8px;">
            <button id="gw-check-aml" style="background: #F59E0B; border: none; border-radius: 40px; padding: 8px 16px; color: white; font-weight: 500; cursor: pointer; width: 100%;">Оценить риск</button>
            <div id="gw-aml-result" style="font-size: 0.8rem; margin-top: 8px;"></div>
          </div>
          <!-- 3. Генератор пароля -->
          <div style="background: #0F172A; border-radius: 24px; padding: 14px; margin-bottom: 16px;">
            <div style="font-weight: 600; margin-bottom: 8px;">🔐 Генератор надёжного пароля</div>
            <div style="display: flex; gap: 8px;">
              <input type="text" id="gw-password" readonly style="flex: 1; background: #1E293B; border: 1px solid #1E293B; border-radius: 40px; padding: 10px; color: white;">
              <button id="gw-gen-pwd" style="background: #10B981; border: none; border-radius: 40px; padding: 8px 16px; color: white; cursor: pointer;">Сген.</button>
            </div>
          </div>
          <!-- 4. Чек-лист быстрой защиты -->
          <div style="background: #0F172A; border-radius: 24px; padding: 14px; margin-bottom: 16px;">
            <div style="font-weight: 600; margin-bottom: 8px;">✅ Чек-лист за 1 минуту</div>
            <div style="font-size: 0.8rem;"><input type="checkbox" id="gw-cb1"> <label for="gw-cb1">Включена 2FA (не SMS)</label></div>
            <div style="font-size: 0.8rem;"><input type="checkbox" id="gw-cb2"> <label for="gw-cb2">Уникальные пароли</label></div>
            <div style="font-size: 0.8rem;"><input type="checkbox" id="gw-cb3"> <label for="gw-cb3">Проверил утечки</label></div>
            <div style="margin-top: 8px;"><span id="gw-check-progress">0/3</span></div>
          </div>
          <!-- 5. Кнопка связи с ботом -->
          <button id="gw-contact-bot" style="background: linear-gradient(135deg, #8B5CF6, #6D28D9); border: none; border-radius: 60px; padding: 12px; font-weight: 700; color: white; cursor: pointer; width: 100%; margin-bottom: 12px;">💬 Получить консультацию в Telegram</button>
          <div style="text-align: center; font-size: 0.7rem; color: #64748B;">Проверки — демо. Полный отчёт — в боте @GARANT_S_bot</div>
        </div>
      </div>
    `;
    // добавим стили (чтобы не переопределялись)
    var style = document.createElement('style');
    style.textContent = `
      .gw-container * { box-sizing: border-box; }
      .gw-container input, .gw-container button { transition: 0.2s; }
      .gw-container button:hover { opacity: 0.9; transform: scale(0.98); }
    `;
    document.head.appendChild(style);
    // логика виджета
    var minimized = false;
    document.getElementById('gw-minimize').onclick = function() {
      var content = document.getElementById('gw-content');
      minimized = !minimized;
      content.style.display = minimized ? 'none' : 'block';
      this.textContent = minimized ? '+' : '−';
    };
    // проверка email (имитация)
    document.getElementById('gw-check-email').onclick = function() {
      var email = document.getElementById('gw-email').value;
      var resultDiv = document.getElementById('gw-email-result');
      if (!email) { resultDiv.innerHTML = '⚠️ Введите email'; return; }
      resultDiv.innerHTML = '🔄 Проверка...';
      setTimeout(() => {
        var found = email.includes('test') || Math.random() > 0.7;
        resultDiv.innerHTML = found ? '🔴 Ваш email найден в утечке! Рекомендуем сменить пароль.' : '🟢 Утечек не обнаружено.';
      }, 800);
    };
    // AML-сканер
    document.getElementById('gw-check-aml').onclick = function() {
      var addr = document.getElementById('gw-address').value;
      var resultDiv = document.getElementById('gw-aml-result');
      if (!addr) { resultDiv.innerHTML = '⚠️ Введите адрес'; return; }
      resultDiv.innerHTML = '🔄 Анализ...';
      setTimeout(() => {
        var risk = Math.floor(Math.random() * 100);
        var text = risk > 70 ? '🔴 Высокий риск (связи с даркнетом)' : (risk > 40 ? '🟡 Средний риск' : '🟢 Низкий риск');
        resultDiv.innerHTML = `${text} (${risk}%)`;
      }, 700);
    };
    // генератор пароля
    function randPass(len) {
      var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+';
      var pwd = '';
      for (var i = 0; i < len; i++) pwd += chars.charAt(Math.floor(Math.random() * chars.length));
      return pwd;
    }
    document.getElementById('gw-gen-pwd').onclick = function() {
      var pass = randPass(16);
      document.getElementById('gw-password').value = pass;
    };
    // чек-лист
    var cb1 = document.getElementById('gw-cb1');
    var cb2 = document.getElementById('gw-cb2');
    var cb3 = document.getElementById('gw-cb3');
    function updateProgress() {
      var count = (cb1.checked?1:0) + (cb2.checked?1:0) + (cb3.checked?1:0);
      document.getElementById('gw-check-progress').innerText = count + '/3';
    }
    cb1.onchange = updateProgress;
    cb2.onchange = updateProgress;
    cb3.onchange = updateProgress;
    updateProgress();
    // кнопка бота
    document.getElementById('gw-contact-bot').onclick = function() {
      window.open('https://t.me/GARANT_S_bot', '_blank');
    };
    // отправляем событие, что виджет загружен
    if (typeof window.guarantorWidgetReady === 'function') window.guarantorWidgetReady();
  })();
</script>