<style>
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        background: #000 !important;
        overflow: hidden !important;
        height: 100vh !important;
        width: 100vw !important;
    }
</style>

<center>
    <canvas id="matrix-bg" style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;"></canvas>
    <div style="position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:999998;"></div>
    <div style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;pointer-events:none;">
        <div style="text-align:center;background:transparent;padding:5px 0;margin-bottom:0;z-index:9999999;position:relative;pointer-events:auto;">
            <strong>
                <p style="color:#FFD700;font-size:48px;font-weight:bold;margin:0;padding:5px 0;font-family:'Courier New',monospace;text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 40px #FFD700;letter-spacing:2px;z-index:9999999;position:relative;">
                    This site has been hacked by 
                    <a href="https://t.me/BlackHatLogic" target="_blank" style="color:#FFFFFF;text-decoration:none;font-size:48px;font-weight:bold;text-shadow:0 0 10px #FFFFFF,0 0 20px #FFFFFF,0 0 40px #FFFFFF;animation:white-blink 0.8s ease-in-out infinite alternate;z-index:9999999;position:relative;pointer-events:auto;">z_one</a>
                </p>
            </strong>
        </div>
        <a href="https://t.me/BlackHatLogic" target="_blank" style="display:block;width:100vw;height:75vh;margin-top:-20px;z-index:9999999;position:relative;pointer-events:auto;">
            <img 
                src="https://blackhatlogic.pages.dev/bhl.png" 
                alt="Blackhat Logic - Cyber Security" 
                loading="lazy"
                style="width:100vw;height:75vh;object-fit:contain;background:transparent;display:block;margin:0;padding:0;border:0;z-index:9999999;position:relative;pointer-events:auto;"
            />
        </a>
    </div>
</center>

<style>
    @keyframes white-blink {
        0% { opacity: 0.3; text-shadow: 0 0 5px #FFFFFF, 0 0 10px #FFFFFF; }
        100% { opacity: 1; text-shadow: 0 0 20px #FFFFFF, 0 0 40px #FFFFFF, 0 0 80px #FFFFFF; }
    }
</style>

<script>
const canvas = document.getElementById('matrix-bg');
const ctx = canvas.getContext('2d');

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

const columns = Math.floor(canvas.width / 20);
const drops = [];

for (let i = 0; i < columns; i++) {
    drops[i] = Math.random() * -100;
}

const matrix = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
const fontSize = 20;

function drawMatrix() {
    ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
    ctx.fillRect(0, 0, canvas.width, canvas.height);

    ctx.fillStyle = '#00ff41';
    ctx.font = fontSize + 'px monospace';

    for (let i = 0; i < drops.length; i++) {
        const text = matrix[Math.floor(Math.random() * matrix.length)];
        const x = i * 20;
        const y = drops[i] * fontSize;

        ctx.fillText(text, x, y);

        if (y > canvas.height && Math.random() > 0.975) {
            drops[i] = 0;
        }

        drops[i]++;
    }
}

setInterval(drawMatrix, 50);

window.addEventListener('resize', () => {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});
</script>