<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Zayac's Hack Alert</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #0a0a0a;
            color: #00ff00;
            font-family: 'Courier New', monospace;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .container {
            text-align: center;
            max-width: 800px;
            padding: 20px;
            background: rgba(0, 0, 0, 0.85);
            border: 3px solid #00ff00;
            box-shadow: 0 0 30px #00ff00, 0 0 50px #ff0000;
            animation: glitch 1.5s infinite, tremor 0.2s infinite;
            z-index: 10;
        }
        .emoji-logo {
            font-size: 100px;
            color: #00ff00;
            text-shadow: 0 0 20px #00ff00, 0 0 30px #ff0000;
            animation: pulse 1.8s infinite, flicker 1s infinite;
            margin: 20px auto;
        }
        h1 {
            font-size: 2.5em;
            text-transform: uppercase;
            text-shadow: 0 0 15px #00ff00, 0 0 25px #ff0000;
            animation: flicker 1.2s infinite;
        }
        p {
            font-size: 1.2em;
            line-height: 1.6;
            margin: 15px 0;
            opacity: 0;
            animation: type 1.5s ease-in-out forwards;
        }
        p:nth-child(3) { animation-delay: 0.3s; }
        p:nth-child(4) { animation-delay: 0.6s; }
        p:nth-child(5) { animation-delay: 0.9s; }
        p:nth-child(6) { animation-delay: 1.2s; }
        p.warning {
            color: #ff0000;
            text-shadow: 0 0 10px #ff0000;
            animation: warning-pulse 1.5s infinite;
        }
        .button {
            display: inline-block;
            padding: 15px 30px;
            background: #00ff00;
            color: #000;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
            transition: all 0.3s;
            box-shadow: 0 0 20px #00ff00, 0 0 15px #ff0000;
        }
        .button:hover {
            background: #ff0000;
            color: #00ff00;
            box-shadow: 0 0 30px #ff0000;
            transform: scale(1.1);
        }
        canvas {
            position: fixed;
            top: 0;
            left: 0;
            z-index: -1;
            opacity: 0.5;
        }

        @keyframes glitch {
            0% { transform: translate(0); }
            20% { transform: translate(-5px, 5px); }
            40% { transform: translate(5px, -5px); }
            60% { transform: translate(-5px, 0); }
            80% { transform: translate(5px, 0); }
            100% { transform: translate(0); }
        }
        @keyframes tremor {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(2px); }
        }
        @keyframes flicker {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }
        @keyframes warning-pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        @keyframes type {
            0% { opacity: 0; transform: translateY(15px); }
            100% { opacity: 1; transform: translateY(0); }
        }
    </style>
</head>
<body>
    <canvas id="matrix"></canvas>
    <div class="container">
        <div class="emoji-logo">🐰</div>
        <h1>HACKED BY ZAYAC</h1>
        <p>Greetings. I regret to inform you that your server has been compromised. White-hat hacker <strong>Zayac</strong> has identified critical vulnerabilities in your system.</p>
        <p>Through these exploits, I have gained <strong>full control</strong> over your website and server, including a complete copy of your database.</p>
        <p><strong>Option 1:</strong> Contact me via Telegram at <a href="https://t.me/zayac_hak">@zayac_hak</a>. We’ll discuss terms amicably. I’ll conduct a full security audit, fortify your server, and detail how I gained access—all to protect your reputation.</p>
        <p class="warning"><strong>Option 2:</strong> Ignore this message. In this case, I will release your database to the public, notify your clients of the breach, and inform the media, exposing your inability to safeguard sensitive data.</p>
        <p>The choice is yours. Act now.</p>
        <a href="https://t.me/zayac_hak" class="button" target="_blank">Contact @zayac_hak Now</a>
    </div>

    <script>
        // Matrix Rain Effect
        const canvas = document.getElementById('matrix');
        const ctx = canvas.getContext('2d');
        canvas.height = window.innerHeight;
        canvas.width = window.innerWidth;
        const chars = '01HACKZAYAC';
        const fontSize = 14;
        const columns = canvas.width / fontSize;
        const drops = [];
        for (let x = 0; x < columns; x++) drops[x] = 1;
        function draw() {
            ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
            ctx.fillRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = '#00ff00';
            ctx.font = fontSize + 'px monospace';
            for (let i = 0; i < drops.length; i++) {
                const text = chars.charAt(Math.floor(Math.random() * chars.length));
                ctx.fillText(text, i * fontSize, drops[i] * fontSize);
                if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;
                drops[i]++;
            }
        }
        setInterval(draw, 33);
    </script>
</body>
</html>