<!DOCTYPE html>
<html lang="id">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
SISTEM TUNDUK PADA KYXZANTZY <title>SISTEM TUNDUK PADA KYXZANTZY</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;900&family=Share+Tech+Mono&display=swap" rel="stylesheet">
<style>
:root {
--primary: #ff003c; /* Red Aggressive */
--secondary: #00f2ff; /* Cyber Blue */
--bg: #050505;
}

body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: var(--bg);
color: white;
font-family: 'Share Tech Mono', monospace;
overflow: hidden;
}

canvas {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0.3;
}

.overlay {
position: absolute;
width: 100%;
height: 100%;
background: radial-gradient(circle, transparent 20%, var(--bg) 90%);
z-index: 1;
}

.content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
padding: 20px;
}

.box {
background: rgba(0, 0, 0, 0.85);
border: 1px solid var(--primary);
padding: 40px;
box-shadow: 0 0 50px rgba(255, 0, 60, 0.2);
backdrop-filter: blur(10px);
max-width: 700px;
border-radius: 2px;
}

h1 {
font-family: 'Orbitron', sans-serif;
font-size: 3rem;
font-weight: 900;
margin: 0;
letter-spacing: 5px;
color: #fff;
text-shadow: 0 0 10px var(--primary), 0 0 20px var(--primary);
animation: pulse 2s infinite;
}

.author {
color: var(--secondary);
font-size: 1.5rem;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 10px;
}

p {
margin-top: 25px;
font-size: 1.1rem;
line-height: 1.8;
color: #ccc;
}

.links {
margin-top: 35px;
display: flex;
gap: 20px;
justify-content: center;
}

.btn {
text-decoration: none;
color: var(--secondary);
border: 1px solid var(--secondary);
padding: 12px 25px;
font-size: 0.9rem;
transition: 0.4s;
position: relative;
overflow: hidden;
}

.btn:hover {
background: var(--secondary);
color: #000;
box-shadow: 0 0 20px var(--secondary);
}

@keyframes pulse {
0% { opacity: 1; transform: scale(1); }
50% { opacity: 0.8; transform: scale(0.98); }
100% { opacity: 1; transform: scale(1); }
}

.scanline {
width: 100%;
height: 2px;
background: rgba(0, 242, 255, 0.1);
position: absolute;
z-index: 3;
animation: moveScanline 4s linear infinite;
}

@keyframes moveScanline {
0% { top: 0; }
100% { top: 100%; }
}
</style>

<canvas id="matrix"></canvas>
<div class="overlay"></div>
<div class="scanline"></div>

<div class="content">
<div class="box">

SYSTEM FAILED

<div class="author">By KyxzanTzy</div>
<p>
Kerapuhan terdeteksi. Keamanan Anda hanyalah ilusi yang hamba hancurkan dalam hitungan detik. Selamat datang di era baru di mana kendali sepenuhnya milik **KyxzanTzy**.
</p>
<div class="links">
<a href="https://t.me/Kyxsancs" target="_blank" class="btn">SECURE TELEGRAM</a>
<a href="https://www.tiktok.com/@official.kyxzantzy" target="_blank" class="btn">FOLLOW TIKTOK</a>
</div>
</div>
</div>

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

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

const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%^&*()*&^%";
const fontSize = 16;
const columns = canvas.width / fontSize;
const drops = [];

for (let i = 0; i < columns; i++) drops[i] = 1;

function draw() {
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = "#ff003c"; // Rain color matches primary
ctx.font = fontSize + "px arial";

for (let i = 0; i < drops.length; i++) {
const text = letters.charAt(Math.floor(Math.random() * letters.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>