<!DOCTYPE html>

<html lang="ru">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Критическая угроза безопасности</title>

    <style>

        * { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

        body { background-color: #050508; color: #ffffff; display: flex; justify-content: center; align-items: center; min-height: 100vh; }

        .phone-frame { width: 100%; max-width: 400px; background: #0f1117; padding: 24px; border-radius: 32px; box-shadow: 0 25px 50px rgba(0,0,0,0.8); text-align: center; border: 2px solid #ff3b30; }

        .alarm-box { width: 70px; height: 70px; background: rgba(255, 59, 48, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; animation: flash 1s infinite alternate; }

        .alarm-box svg { width: 36px; fill: #ff3b30; }

        .badge-red { background: #ff3b30; color: #fff; font-size: 11px; font-weight: 800; padding: 5px 12px; border-radius: 6px; display: inline-block; margin-bottom: 14px; letter-spacing: 0.5px; }

        h1 { font-size: 20px; font-weight: 800; margin-bottom: 10px; color: #fff; line-height: 1.3; }

        p { font-size: 13px; color: #9ba1a6; margin-bottom: 20px; line-height: 1.4; }

        .data-leak-box { background: rgba(255, 59, 48, 0.08); border: 1px dashed rgba(255, 59, 48, 0.4); padding: 14px; border-radius: 12px; font-size: 13px; color: #ff6b6b; margin-bottom: 24px; text-align: left; }

        .data-leak-box div { margin-bottom: 4px; }

        .data-leak-box b { color: #fff; }

        .cta-btn { display: block; width: 100%; background: #ff3b30; color: #ffffff; padding: 16px; border-radius: 14px; font-weight: 800; text-decoration: none; font-size: 14px; text-transform: uppercase; box-shadow: 0 4px 25px rgba(255, 59, 48, 0.5); transition: transform 0.2s; }

        .cta-btn:active { transform: scale(0.97); }

        @keyframes flash {

            from { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.4); }

            to { transform: scale(1.08); opacity: 0.8; box-shadow: 0 0 0 15px rgba(255, 59, 48, 0); }

        }

    </style>

</head>

<body>

    <div class="phone-frame">

        <div class="alarm-box">

            <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>

        </div>

        <div class="badge-red">ВЫСОКИЙ УРОВЕНЬ УГРОЗЫ</div>

        <h1>Обнаружена попытка несанкционированного доступа!</h1>

        <p>Зафиксирован подозрительный запрос на авторизацию с незащищенного IP-адреса, совпадающего с вашим профилем.</p>

        

        <div class="data-leak-box">

            <div>Статус подключения: <b>Не защищено</b></div>

            <div>Уровень риска: <b>Критический (98%)</b></div>

        </div>

        

        <a href="{https://safevpnzone.com/index.php?key=uvvqvrh481rcmgjdzx8v&externalid={clickid}&cost_cpm=##COST_CPM##&PLACEMENT_ID=##PLACEMENT_ID##&CAMPAIGN_ID=##CAMPAIGN_ID##&BANNER_ID=##BANNER_ID##}" class="cta-btn">ЗАЩИТИТЬ ДАННЫЕ СЕЙЧАС</a>

    </div>

</body>

</html>