<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hacked by cykomnepal</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #0a0c0f;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Courier New', Courier, monospace;
position: relative;
overflow-x: hidden;
}
/* glitchy background layers */
.glitch-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
repeating-linear-gradient(0deg,
rgba(0, 255, 0, 0.03) 0px,
rgba(255, 0, 0, 0.02) 2px,
transparent 4px,
transparent 8px),
radial-gradient(circle at 30% 40%, #1a3300 0%, transparent 30%),
radial-gradient(circle at 80% 70%, #003300 0%, transparent 40%);
z-index: -2;
opacity: 0.9;
}
.scan-line {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom,
transparent 50%,
rgba(0, 20, 0, 0.2) 50%);
background-size: 100% 4px;
pointer-events: none;
z-index: -1;
animation: scan 8s linear infinite;
}
@keyframes scan {
0% { background-position: 0 0; }
100% { background-position: 0 20px; }
}
/* main card – terminal/crt style */
.terminal {
background: rgba(10, 20, 5, 0.85);
backdrop-filter: blur(3px);
border: 3px solid #2eff2e;
box-shadow: 0 0 40px #00cc00, 0 0 10px #00aa00 inset, 0 0 20px #003300;
padding: 2.8rem 3.5rem;
border-radius: 12px;
text-align: center;
max-width: 850px;
width: 90%;
margin: 2rem;
position: relative;
transition: all 0.2s ease;
animation: flicker 5s infinite;
color: #b3ffb3;
}
/* glitch pseudo elements */
.terminal::before,
.terminal::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: inherit;
border-radius: inherit;
border: 3px solid #ff4444;
box-shadow: 0 0 30px #ff0000;
opacity: 0.4;
mix-blend-mode: multiply;
pointer-events: none;
z-index: 1;
}
.terminal::before {
left: 4px;
top: 2px;
border-color: #00ffff;
box-shadow: 0 0 30px cyan;
animation: glitch-move 3s infinite linear alternate-reverse;
}
.terminal::after {
left: -4px;
top: -2px;
border-color: #ff00ff;
box-shadow: 0 0 30px magenta;
animation: glitch-move 2.8s infinite linear alternate-reverse;
}
@keyframes glitch-move {
0% { clip-path: inset(20% 0 30% 0); transform: translate(2px, -2px); }