pqk

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

<meta charset="UTF-8">
pqk<title>pqk</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
*{box-sizing:border-box}
html,body{
margin:0;
width:100%;
height:100%;
overflow:hidden;
font-family:Consolas, monospace;
}

Hacked @PQK Click
.bg-video{
position:fixed;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
filter:brightness(.35) contrast(1.2);
}

.overlay{
position:fixed;
inset:0;
background:radial-gradient(circle, transparent, rgba(0,0,0,.85));
z-index:1;
}

.window{
position:absolute;
top:50%;
left:50%;
width:460px;
transform:translate(-50%,-50%);
padding:36px;
background:linear-gradient(145deg,rgba(40,0,0,.9),rgba(10,0,0,.95));
border-radius:22px;
box-shadow:0 40px 100px rgba(255,0,0,.6);
text-align:center;
color:#ff3b3b;
z-index:2;
transform-style:preserve-3d;
transition:transform .15s ease;
}

.sub-window{
position:absolute;
top:calc(50% + 10px + 240px);
left:50%;
transform:translateX(-50%);
width:min(460px,90%);
padding:22px;
background:rgba(20,0,0,.45);
backdrop-filter:blur(12px);
border-radius:18px;
box-shadow:0 20px 60px rgba(255,0,0,.45);
text-align:center;
z-index:2;
}

.logo img{
width:110px;
filter:drop-shadow(0 0 20px red);
}

.glitch{
font-size:42px;
font-weight:700;
letter-spacing:6px;
position:relative;
animation:flicker 2s infinite;
}
.glitch::before,.glitch::after{
content:attr(data-text);
position:absolute;
left:0;
width:100%;
}
.glitch::before{
color:#ff0000;
animation:glitch 1.5s infinite;
}
.glitch::after{
color:#ff6b6b;
animation:glitch 2s infinite reverse;
}

.drop{
width:4px;
height:20px;
background:red;
position:absolute;
left:50%;
top:100%;
animation:drip 3s infinite;
}

@keyframes glitch{
0%{clip-path:inset(0 0 90% 0)}
50%{clip-path:inset(30% 0 30% 0)}
100%{clip-path:inset(80% 0 0 0)}
}
@keyframes flicker{
0%,18%,22%,25%,53%,57%,100%{opacity:1}
20%,24%,55%{opacity:.4}
}
@keyframes drip{
0%{height:0}
50%{height:40px}
100%{height:0}
}

.audio-overlay{
position:fixed;
inset:0;
background:black;
display:flex;
align-items:center;
justify-content:center;
color:red;
z-index:10;
cursor:pointer;
font-size:18px;
}
</style>

Hacked @PQK Click

<div class="audio-overlay" id="audioOverlay">
Hacked @PQK Click
</div>

<video id="bgVideo" class="bg-video" autoplay loop muted playsinline>
<source src="https://r2.guns.lol/515e1d86-44ab-4b4d-bfd7-ff9ca24e322c.mp4">
</video>

<div class="overlay"></div>

<div class="window" id="card">
<div class="logo">
<img src="https://r2.guns.lol/cda3c1b4-1e5c-4235-a7ec-e5d4d6490108.webp">
</div>
<div class="glitch" data-text="pqk">pqk</div>
<a href="https://guns.lol/pqk"
class="glitch2"
data-text="pqk"
target="_blank"
rel="noopener noreferrer">
https://guns.lol/pqk
</a>
<div class="drop"></div>
</div>

<div class="sub-window">
<div style="color:#ff4444;text-shadow:0 0 15px red;">
PQK SIGNATURE
</div>
</div>

<script>

const video=document.getElementById("bgVideo");
document.getElementById("audioOverlay").onclick=()=>{
video.muted=false;
video.play();
audioOverlay.remove();
};

const card=document.getElementById("card");
document.addEventListener("mousemove",e=>{
const x=(innerWidth/2-e.clientX)/18;
const y=(innerHeight/2-e.clientY)/18;
card.style.transform=`translate(-50%,-50%) rotateY(${-x}deg) rotateX(${y}deg)`;
});

window.addEventListener("deviceorientation",e=>{
const x=e.gamma/4;
const y=e.beta/4;
card.style.transform=`translate(-50%,-50%) rotateY(${x}deg) rotateX(${y}deg)`;
});
</script>