Загрузка данных


<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Защищенное соединение...</title>
    <style>
        body {
            background-color: #f9f9f9;
            color: #333;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
            user-select: none;
        }

        /* reCAPTCHA Приманка */
        #bait-screen {
            background: #ffffff;
            border: 1px solid #d3d3d3;
            border-radius: 3px;
            width: 302px;
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 10px 0 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            box-sizing: border-box;
            cursor: pointer;
        }
        .captcha-left { display: flex; align-items: center; }
        .checkbox { width: 24px; height: 24px; border: 2px solid #c1c1c1; border-radius: 2px; margin-right: 12px; }
        .captcha-text { font-size: 14px; color: #222; }
        .captcha-right { display: flex; flex-direction: column; align-items: center; width: 60px; }
        .captcha-logo { width: 32px; height: 32px; background: url('https://gstatic.com') no-repeat; background-size: contain; }
        .captcha-brand-text { font-size: 8px; color: #555; margin-top: 2px; }
        .captcha-links { font-size: 7px; color: #9b9b9b; }

        /* Главный экран взлома */
        #hack-screen {
            display: none;
            width: 100vw;
            height: 100vh;
            position: relative;
            background-color: #000088; /* Синий цвет Windows 7 BSOD */
        }

        /* Бешеное мигание синий/красный для паники */
        .flash-active {
            animation: strobe 0.15s infinite;
        }
        @keyframes strobe {
            0% { background-color: #000088; }
            50% { background-color: #aa0000; }
            100% { background-color: #000088; }
        }

        /* Исправленный ASCII Череп */
        .skull {
            font-size: 9px;
            white-space: pre;
            line-height: 1.1;
            color: #ff3333;
            position: absolute;
            text-shadow: 0 0 15px #ff0000;
            pointer-events: none;
            z-index: 999;
            font-family: 'Courier New', monospace;
            font-weight: bold;
        }

        /* Текст по центру в стиле старой системы */
        .ui-container {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 1000;
            background: rgba(0, 0, 0, 0.8);
            padding: 30px;
            border: 3px double red;
            color: #fff;
            font-family: 'Courier New', monospace;
            box-shadow: 0 0 30px rgba(255,0,0,0.5);
        }
        .msg { font-size: 36px; font-weight: bold; color: red; margin-bottom: 10px; }

        /* Стили окон ошибок Windows 7 */
        .win7-error {
            position: absolute;
            width: 320px;
            background: #f0f0f0;
            border: 1px solid #707070;
            box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
            font-family: 'Segoe UI', Arial, sans-serif;
            z-index: 100;
            color: #000;
            border-radius: 4px;
            overflow: hidden;
        }
        .win7-header {
            background: linear-gradient(to bottom, #abc7ec, #719cd2);
            color: #fff;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .win7-body {
            padding: 15px;
            font-size: 13px;
            display: flex;
            align-items: center;
            background: #f0f0f0;
        }
        .win7-icon {
            color: red;
            font-size: 24px;
            font-weight: bold;
            margin-right: 15px;
            border: 2px solid red;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .win7-btn {
            background: #e1e1e1;
            border: 1px solid #adadad;
            padding: 5px 20px;
            font-size: 12px;
            margin: 0 auto 10px auto;
            display: block;
            cursor: pointer;
            box-shadow: inset 0 1px 0 #fff;
        }
    </style>
</head>
<body>

    <!-- ЭКРАН-ПРИМАНКА -->
    <div id="bait-screen" onclick="startPrank()">
        <div class="captcha-left">
            <div class="checkbox"></div>
            <div class="captcha-text">Я не робот</div>
        </div>
        <div class="captcha-right">
            <div class="captcha-logo"></div>
            <div class="captcha-brand-text">reCAPTCHA</div>
            <div class="captcha-links">Конфиденциальность</div>
        </div>
    </div>

    <!-- ЭКРАН ВЗЛОМА -->
    <div id="hack-screen">
        <div class="ui-container">
            <div class="msg">M O R I A R T Y</div>
            <div id="progress">A:\> CRITICAL_SYSTEM_ERROR...</div>
        </div>
        
        <!-- ЧЕРЕП (Переведен в безопасный текст, отобразится идеально) -->
        <pre class="skull" id="moving-skull"></pre>
    </div>

    <!-- ТРИ ПЛЕЕРА ДЛЯ АУДИО -->
    <audio id="audio-quiet" src="quiet.mp3"></audio>
    <audio id="audio-noise" src="background_noise.mp3" loop></audio>
    <audio id="audio-moriarty" src="moriarty.mp3"></audio>

    <script>
        // Исходный правильный череп с картинки
        const skullArt = `
              uu$$$$$$$$$$$$uu
          uu$$$$$$$$$$$$$$$$$$$$uu
         u$$$$$$$$$$$$$$$$$$$$$$$$u
        u$$$$$$$$$$$$$$$$$$$$$$$$$$u
        u$$$$$$$$$$$$$$$$$$$$$$$$$$u
        u$$$$$$ \x2A\x2A\x2A\x2A\x2A \x2A\x2A\x2A\x2A\x2A $$$$$$u
        \x2A$$$$$\x2A          u$u          $$$$$\x2A
        $$$$u          u$u          u$$$$
         $$$u          u$$$u          u$$$
          \x2A$$$$uu$$$   $$$uu$$$$\x2A
           \x2A$$$$$$$\x2A     \x2A$$$$$$$\x2A
             u$$$$$$$u$$$$$$$u
              u$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$\x2A$u
     uuu      $$u$ $ $ $ $u$$      uuu
    u$$$$     $$$$$u$u$u$$$$$     u$$$$
     $$$$$uu    \x2A$$$$$$$$$\x2A    uu$$$$$
   u$$$$$$$$$$$uu  \x2A\x2A\x2A\x2A\x2A  uu$$$$$$$$$$$
   $$$$***$$$$$$$$$uuu   uu$$$$$$$$$***$$$$
    ***      **$$$$$$$$$$$uu *****
          uuuu **$$$$$$$$$$$$uuuu
   u$$$uuuu$$$$$$$$$uu **$$$$$$$$$$$$uuu$$$
   $$$$$$$$$$$$\x2A\x2A\x2A\x2A          \x2A\x2A$$$$$$$$$$$$
     \x2A$$$$$\x2A                          \x2A$$$$$\x2A
       $$$\x2A        PRESS ANY KEY!        $$$\x2A`;

        document.getElementById('moving-skull').textContent = skullArt;

        let posX = 30, posY = 30;
        let speedX = 6, speedY = 5;
        const skull = document.getElementById('moving-skull');

        function moveSkull() {
            const maxX = window.innerWidth - skull.clientWidth;
            const maxY = window.innerHeight - skull.clientHeight;
            posX += speedX; posY += speedY;
            if (posX >= maxX || posX <= 0) speedX = -speedX;
            if (posY >= maxY || posY <= 0) speedY = -speedY;
            skull.style.left = posX + 'px';
            skull.style.top = posY + 'px';
            requestAnimationFrame(moveSkull);
        }

        // Функция создания всплывающих окон ошибок Windows 7
        function spawnWin7Error() {
            const errorDiv = document.createElement('div');
            errorDiv.className = 'win7-error';
            
            // Рандомная позиция на экране телефона/ПК
            errorDiv.style.left = Math.random() * (window.innerWidth - 320) + 'px';
            errorDiv.style.top = Math.random() * (window.innerHeight - 150) + 'px';
            
            errorDiv.innerHTML = `
                <div class="win7-header">
                    <span>Система безопасности Windows</span>
                    <span style="cursor:pointer;">X</span>
                </div>
                <div class="win7-body">
                    <div class="win7-icon">X</div>
                    <div><b>Ошибка 0x0000007B:</b><br>Файлы ядра системы повреждены. Обнаружен вирус MORIARTY.</div>
                </div>
                <button class="win7-btn" onclick="this.parentElement.remove()">ОК</button>
            `;
            document.getElementById('hack-screen').appendChild(errorDiv);
        }

        function startPrank() {
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            } else if (document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen();
            }

            // ЗВУК 1: Тихое аудио
            const quiet = document.getElementById('audio-quiet');
            quiet.volume = 0.2;
            quiet.play().catch(e => console.log(e));

            // ЧЕРЕЗ 3 СЕКУНДЫ — ВЗРЫВ ЭФФЕКТОВ
            setTimeout(() => {
                quiet.pause(); 

                document.body.style.backgroundColor = "#000008";
                document.getElementById('bait-screen').style.display = 'none';
                
                const hackScreen = document.getElementById('hack-screen');
                hackScreen.style.display = 'block';
                
                // Включаем мигание
                hackScreen.classList.add('flash-active');

                // ЗВУК 2: Громкий шум
                const noise = document.getElementById('audio-noise');
                noise.volume = 1.0;