* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #000;
color: #c0c0c0;
min-height: 100vh;
overflow-x: hidden;
font-family: ‘Cinzel Decorative’, cursive;
position: relative;
cursor: pointer;
}

/* Efek TV rusak (noise dan scanlines) */
.tv-effect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
opacity: 0.03;
background:
repeating-linear-gradient(0deg, rgba(0,0,0,0.15) 0px, rgba(0,0,0,0.15) 1px, transparent 1px, transparent 2px),
repeating-linear-gradient(90deg, rgba(0,0,0,0.15) 0px, rgba(0,0,0,0.15) 1px, transparent 1px, transparent 2px);
}

.tv-effect::before {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%),
repeating-linear-gradient(0deg, transparent 0px, rgba(0, 30, 255, 0.1) 1px, transparent 2px, transparent 3px);
animation: scanlines 10s linear infinite;
}

.tv-effect::after {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(“data:image/svg+xml,%3Csvg viewBox=’0 0 250 250′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’noiseFilter’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.65′ numOctaves=’3′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23noiseFilter)’/%3E%3C/svg%3E”);
opacity: 0.05;
animation: noise 0.2s infinite;
}

@keyframes scanlines {
0% {
background-position: 0 0;
}
100% {
background-position: 0 10px;
}
}

@keyframes noise {
0% { transform: translate(0,0) }
10% { transform: translate(-1%,-1%) }
20% { transform: translate(-2%,1%) }
30% { transform: translate(1%,-2%) }
40% { transform: translate(-1%,3%) }
50% { transform: translate(-2%,1%) }
60% { transform: translate(3%,1%) }
70% { transform: translate(1%,-2%) }
80% { transform: translate(-1%,1%) }
90% { transform: translate(2%,2%) }
100% { transform: translate(1%,0) }
}

/* Container utama */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
position: relative;
z-index: 1;
}

/* Header dengan logo – POLOS tanpa efek */
.header {
margin-top: 30px;
text-align: center;
position: relative;
}

.header-logo {
width: 160px;
height: auto;
object-fit: contain;
}

/* Judul utama – SIMPLE & GARANG & LEBIH KECIL */
.main-title {
font-size: 1.8rem;
font-weight: 900;
margin-top: 15px;
text-align: center;
letter-spacing: 3px;
color: #FF0000;
text-shadow:
0 0 5px #FF0000,
0 0 10px #8B0000,
1px 1px 0px #000;
font-family: ‘Arial Black’, ‘Impact’, sans-serif;
text-transform: uppercase;
animation: title-pulse 2s infinite alternate;
position: relative;
padding: 8px 15px;
background: linear-gradient(45deg, rgba(0,0,0,0.9) 30%, rgba(139,0,0,0.2) 100%);
border: 1px solid #8B0000;
border-radius: 3px;
box-shadow: 0 0 8px rgba(255, 0, 0, 0.4);
}

@keyframes title-pulse {
0% {
text-shadow:
0 0 5px #FF0000,
0 0 10px #8B0000,
1px 1px 0px #000;
box-shadow: 0 0 8px rgba(255, 0, 0, 0.4);
}
100% {
text-shadow:
0 0 8px #FF0000,
0 0 15px #8B0000,
2px 2px 0px #000;
box-shadow: 0 0 12px rgba(255, 0, 0, 0.6);
transform: scale(1.01);
}
}

/* Animasi team – UKURAN DIKECILKAN */
.team-container {
margin-top: 30px;
width: 100%;
display: flex;
justify-content: center;
position: relative;
}

.team-text {
font-size: 1.3rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
font-family: ‘Creepster’, cursive;
color: #00FF00;
text-shadow: 0 0 3px #00FF00;
padding: 8px 15px;
animation: blink 1.5s infinite alternate, glitch-color 5s infinite;
position: relative;
background-color: rgba(0, 0, 0, 0.7);
}

@keyframes blink {
0%, 45%, 55%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}

@keyframes glitch-color {
0% { color: #00FF00; }
25% { color: #FF0000; }
50% { color: #00FFFF; }
75% { color: #FFFF00; }
100% { color: #00FF00; }
}

/* Deskripsi – UKURAN DIKECILKAN */
.description {
margin-top: 40px;
text-align: center;
font-size: 1.1rem;
line-height: 1.5;
max-width: 700px;
padding: 15px;
border-radius: 3px;
background: rgba(10, 10, 10, 0.8);
border: 1px solid #333;
position: relative;
overflow: hidden;
font-family: ‘MedievalSharp’, cursive;
color: #C0C0C0;
animation: description-flicker 5s infinite;
}

@keyframes description-flicker {
0%, 85%, 87%, 89%, 91%, 93%, 95%, 97%, 100% {
opacity: 1;
}
86%, 88%, 90%, 92%, 94%, 96%, 98% {
opacity: 0.7;
}
}

/* Footer – UKURAN DIKECILKAN */
.footer {
margin-top: auto;
margin-bottom: 20px;
text-align: center;
font-size: 0.9rem;
color: #666;
padding-top: 15px;
border-top: 1px solid #333;
width: 100%;
font-family: ‘Cinzel Decorative’, cursive;
}

/* Audio hidden player */
.audio-container {
display: none;
}

/* Efek CRT Monitor */
.crt::after {
content: ” “;
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(18, 16, 16, 0.1);
opacity: 0.3;
z-index: 2;
pointer-events: none;
animation: flicker 0.15s infinite;
}

@keyframes flicker {
0% { opacity: 0.27861; }
5% { opacity: 0.34769; }
10% { opacity: 0.23604; }
15% { opacity: 0.90626; }
20% { opacity: 0.18128; }
25% { opacity: 0.83891; }
30% { opacity: 0.65583; }
35% { opacity: 0.67807; }
40% { opacity: 0.26559; }
45% { opacity: 0.84693; }
50% { opacity: 0.96019; }
55% { opacity: 0.08594; }
60% { opacity: 0.20313; }
65% { opacity: 0.71988; }
70% { opacity: 0.53455; }
75% { opacity: 0.37288; }
80% { opacity: 0.71428; }
85% { opacity: 0.70419; }
90% { opacity: 0.7003; }
95% { opacity: 0.36108; }
100% { opacity: 0.24387; }
}

/* Efek static pada teks */
.static-text {
position: relative;
display: inline-block;
}

.static-text::after {
content: “”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(transparent 50%, rgba(0,0,0,0.5) 50%);
background-size: 100% 3px;
z-index: 1;
pointer-events: none;
opacity: 0.15;
}

/* EFEK BARU: Glitch ekstrem */
.glitch-effect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
pointer-events: none;
opacity: 0;
background: linear-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1));
mix-blend-mode: screen;
}

/* EFEK BARU: System hang/freeze */
.freeze-effect {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
pointer-events: none;
background: rgba(0,0,0,0.9);
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
color: #FF0000;
font-family: ‘Courier New’, monospace;
font-size: 2rem;
}

/* EFEK BARU: Blue Screen of Death */
.bsod {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000AA;
color: #FFFFFF;
z-index: 1001;
display: none;
padding: 50px;
font-family: ‘Courier New’, monospace;
overflow: auto;
}

.bsod-content {
max-width: 800px;
margin: 0 auto;
line-height: 1.5;
}

.bsod h1 {
color: #FFFFFF;
margin-bottom: 30px;
font-size: 2.5rem;
}

.bsod p {
margin: 15px 0;
font-size: 1.2rem;
}

/* EFEK BARU: Error messages */
.error-popup {
position: fixed;
background: #300000;
border: 2px solid #FF0000;
padding: 15px;
z-index: 1002;
color: #FFFFFF;
font-family: ‘Arial’, sans-serif;
font-size: 0.9rem;
box-shadow: 0 0 20px rgba(255,0,0,0.5);
display: none;
min-width: 250px;
max-width: 300px;
}

.error-title {
color: #FF0000;
font-weight: bold;
margin-bottom: 10px;
border-bottom: 1px solid #FF0000;
padding-bottom: 5px;
}

.error-buttons {
margin-top: 15px;
text-align: right;
}

.error-button {
background: #555;
color: white;
border: 1px solid #777;
padding: 5px 15px;
margin-left: 10px;
cursor: pointer;
font-size: 0.8rem;
}

.error-button:hover {
background: #666;
}

/* EFEK BARU: Loading stuck */
.loading-stuck {
position: fixed;
bottom: 20px;
right: 20px;
background: #111;
border: 1px solid #333;
padding: 10px;
z-index: 100;
color: #0F0;
font-family: ‘Courier New’, monospace;
font-size: 0.8rem;
display: none;
}

/* Responsif */
@media (max-width: 768px) {
.main-title {
font-size: 1.5rem;
letter-spacing: 2px;
padding: 6px 12px;
}

.team-text {
font-size: 1.1rem;
letter-spacing: 1px;
padding: 6px 12px;
}

.description {
font-size: 1rem;
padding: 12px;
max-width: 90%;
}

.header-logo {
width: 130px;
}

.footer {
font-size: 0.8rem;
margin-bottom: 15px;
}

.bsod {
padding: 20px;
}

.bsod h1 {
font-size: 1.8rem;
}
}

@media (max-width: 480px) {
.main-title {
font-size: 1.3rem;
letter-spacing: 1px;
padding: 5px 10px;
margin-top: 10px;
}

.team-text {
font-size: 1rem;
letter-spacing: 0.5px;
padding: 5px 10px;
}

.description {
font-size: 0.9rem;
padding: 10px;
margin-top: 30px;
}

.header-logo {
width: 100px;
}

.header {
margin-top: 20px;
}

.footer {
font-size: 0.7rem;
margin-bottom: 10px;
padding-top: 10px;
}

.bsod {
padding: 15px;
}

.bsod h1 {
font-size: 1.5rem;
}
}

Hacked By HaxChipper

Hey Fucking Bastards!,..Your Site Has Been Penetrated and Defaced By Us, Remember That We, the HaxChipper Team, Stand As Defenders of Palestinian Fighters.

// Fungsi untuk efek TV noise intensitas random
function randomTVNoise() {
const tvEffect = document.querySelector(‘.tv-effect’);
setInterval(() => {
const randomOpacity = 0.01 + Math.random() * 0.04;
tvEffect.style.opacity = randomOpacity;
}, 300);
}

// Efek ketik untuk semua teks
function typeWriterEffect() {
const elements = document.querySelectorAll(‘.main-title, .description’);

elements.forEach(element => {
const originalText = element.textContent;
element.textContent = ”;
let i = 0;

function typeWriter() {
if (i {
glitch.style.opacity = ‘0’;
glitch.style.transform = ‘translate(0,0)’;
}, 100 + Math.random() * 200);
}

// Efek freeze/hang sistem
function triggerFreeze() {
const freeze = document.getElementById(‘freezeEffect’);
freeze.style.opacity = ‘1’;
freeze.style.display = ‘flex’;

// Random text untuk efek hang
const hangTexts = [
“SYSTEM HANG…”,
“NOT RESPONDING”,
“PROCESSING…”,
“PLEASE WAIT”,
“SYSTEM BUSY”,
“INITIALIZING…”
];
freeze.querySelector(‘div’).textContent = hangTexts[Math.floor(Math.random() * hangTexts.length)];

setTimeout(() => {
freeze.style.opacity = ‘0’;
setTimeout(() => {
freeze.style.display = ‘none’;
}, 1000);
}, 500 + Math.random() * 1000);
}

// Efek Blue Screen of Death – DIPERBAIKI
function triggerBSOD() {
const bsod = document.getElementById(‘bsod’);
bsod.style.display = ‘block’;

// Scroll random untuk efek real
bsod.scrollTop = Math.random() * 500;

setTimeout(() => {
bsod.style.opacity = ‘1’;
}, 50);

// Tutup otomatis setelah 3 detik
setTimeout(() => {
bsod.style.opacity = ‘0’;
setTimeout(() => {
bsod.style.display = ‘none’;
}, 1000);
}, 3000);
}

// Tampilkan error popup
function showErrorPopup(id) {
const popup = document.getElementById(`errorPopup${id}`);
const viewportWidth = window.innerWidth;
const viewportHeight = window.innerHeight;

// Posisi random di layar
const left = Math.random() * (viewportWidth – 300);
const top = Math.random() * (viewportHeight – 200);

popup.style.left = `${left}px`;
popup.style.top = `${top}px`;
popup.style.display = ‘block’;

// Auto close setelah beberapa saat
setTimeout(() => {
if (popup.style.display === ‘block’) {
closeError(id);
}
}, 5000 + Math.random() * 5000);
}

// Tutup error popup
function closeError(id) {
const popup = document.getElementById(`errorPopup${id}`);
popup.style.display = ‘none’;
}

// Efek loading stuck
function triggerLoadingStuck() {
const loading = document.getElementById(‘loadingStuck’);
loading.style.display = ‘block’;

// Update persentase tapi stuck di 80-99%
let percent = 80 + Math.floor(Math.random() * 20);
let bars = ‘█’.repeat(Math.floor(percent/10)) + ‘░’.repeat(10 – Math.floor(percent/10));

const messages = [
“Processing system files…”,
“Loading modules…”,
“Initializing components…”,
“Checking dependencies…”,
“Verifying installation…”,
“Updating registry…”
];

loading.innerHTML = `

`;

// Sembunyikan setelah beberapa saat
setTimeout(() => {
loading.style.display = ‘none’;
}, 2000 + Math.random() * 3000);
}

// Efek teks corrupt
function corruptText() {
const texts = document.querySelectorAll(‘.main-title, .description, .footer’);
texts.forEach(text => {
const original = text.textContent;
let corrupted = ”;

for (let i = 0; i < original.length; i++) {
if (Math.random() {
text.textContent = original;
}, 200 + Math.random() * 300);
});
}

// Efek mouse lag
let lastX = 0, lastY = 0;
let lagTimeout;

function initMouseLag() {
document.addEventListener(‘mousemove’, (e) => {
if (Math.random() {
const cursor = document.createElement(‘div’);
cursor.style.position = ‘fixed’;
cursor.style.left = `${e.pageX}px`;
cursor.style.top = `${e.pageY}px`;
cursor.style.width = ’20px’;
cursor.style.height = ’20px’;
cursor.style.background = ‘rgba(255,0,0,0.5)’;
cursor.style.borderRadius = ‘50%’;
cursor.style.pointerEvents = ‘none’;
cursor.style.zIndex = ‘10000’;
document.body.appendChild(cursor);

setTimeout(() => {
if (cursor.parentNode) {
cursor.parentNode.removeChild(cursor);
}
}, 500);
}, 100 + Math.random() * 200);
}
});
}

// Main function untuk trigger efek macet – DIPERBAIKI
function startGlitchEffects() {
// Trigger glitch setiap 2-5 detik
setInterval(triggerGlitch, 2000 + Math.random() * 3000);

// Trigger freeze setiap 10-20 detik
setInterval(triggerFreeze, 10000 + Math.random() * 10000);

// Trigger BSOD setiap 10 detik – DIPERBAIKI
setInterval(() => {
triggerBSOD();
}, 10000);

// Trigger error popup setiap 8-15 detik
setInterval(() => {
showErrorPopup(Math.random() {
if (Math.random() console.log(“Sound blocked”));
}
}, 1000);
}

// Inisialisasi saat halaman dimuat
window.addEventListener(‘DOMContentLoaded’, () => {
// Setup tahun
setCurrentYear();

// Inisialisasi efek TV noise
randomTVNoise();

// Mulai efek ketik
typeWriterEffect();

// Inisialisasi mouse lag
initMouseLag();

// Mulai efek glitch setelah delay
setTimeout(startGlitchEffects, 3000);

// Random reload simulation (jarang)
setTimeout(() => {
if (Math.random() {
document.body.style.opacity = ‘1’;
}, 500);
}
}, 10000);
});

// Efek saat mencoba close tab
window.addEventListener(‘beforeunload’, (e) => {
// Optional: Tampilkan pesan warning
if (Math.random() {
const bgMusic = document.getElementById(‘bgMusic’);
let isPlaying = false;

// Tambahkan event listener ke seluruh body
document.body.addEventListener(‘click’, () => {
if (isPlaying) {
bgMusic.pause();
} else {
bgMusic.play().catch(e => console.log(“Autoplay prevented”));
}
isPlaying = !isPlaying;
});
});