<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comprou seu Bitcoin hoje?</title>
<style>
body {
margin: 0; padding: 0;
background: url('https://yt3.googleusercontent.com/g7uh23poO7vTO5pxLfAn2YHsdUAJ3Usyb30pk6oYLyafEYV6cSs9RKW0uXJXwGirwfyjJAz-JWQ=s900-c-k-c0x00ffffff-no-rj') center / 200% 200% fixed;
animation: backgroundMove 20s infinite linear;
color: #00FF00; text-align: center;
font-family: 'Courier New', monospace;
display: flex; flex-direction: column; justify-content: center; align-items: center;
min-height: 100vh; position: relative; overflow: hidden;
}
@keyframes backgroundMove {
0% { background-position: 0 0; } 50% { background-position: 100% 100%; } 100% { background-position: 0 0; }
}
.content {
background: rgba(0, 0, 0, 0.5); padding: 20px; border-radius: 10px;
max-width: 600px; box-shadow: 0 0 30px #00FF00;
animation: contentPulse 3s infinite; transition: transform 0.3s ease-in-out; z-index: 2;
}
@keyframes contentPulse {
0% { transform: scale(1); box-shadow: 0 0 20px #00FF00; }
50% { transform: scale(1.05); box-shadow: 0 0 40px #FF00FF; }
100% { transform: scale(1); box-shadow: 0 0 20px #00FF00; }
}
h1 {
font-size: 2.5em; color: #00FF00;
text-shadow: 2px 2px 8px #FF00FF;
animation: glitch 2s infinite;
}
@keyframes glitch {
0%, 100% { text-shadow: 2px 2px 8px #FF00FF, -2px -2px 8px #00FF00; }
50% { text-shadow: 2px 2px 12px #00FF00, -2px -2px 12px #FF00FF; }
}
.button {
padding: 15px 30px; margin: 10px; font-size: 1.2em; cursor: pointer;
background: #00FF00; border: none; color: #000;
box-shadow: 0 0 10px #00FF00, 0 0 20px #FF00FF;
animation: buttonPulse 1.5s infinite; transition: transform 0.3s;
}
@keyframes buttonPulse {
0%, 100% { transform: scale(1); box-shadow: 0 0 10px #00FF00, 0 0 20px #FF00FF; }
50% { transform: scale(1.1); box-shadow: 0 0 15px #FF00FF, 0 0 25px #00FF00; }
}
.button:hover { transform: scale(1.2); }
.highlight { color: #FF00FF; font-weight: bold; text-shadow: 1px 1px 2px black, 0 0 25px #00FF00, 0 0 5px #FF00FF; }
.alert { color: #00FF00; font-size: 1.8em; font-weight: bold; animation: alertGlitch 2s infinite; }
@keyframes alertGlitch {
0%, 100% { transform: scale(1); opacity: 1; text-shadow: 0 0 10px #00FF00, 0 0 20px #FF00FF; }
50% { transform: scale(1.05); opacity: 0.8; text-shadow: 0 0 20px #FF00FF, 0 0 40px #00FF00; }
}
.coin {
position: absolute; width: 40px; height: 40px;
background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Bitcoin.svg/1200px-Bitcoin.svg.png') center / cover;
border-radius: 50%; animation: coinFall 6s linear infinite; z-index: 1;
}
.eth { background: url('https://upload.wikimedia.org/wikipedia/commons/6/6f/Ethereum-icon-purple.svg'); }
@keyframes coinFall {
0% { top: -40px; opacity: 0; transform: rotate(0deg); }
10% { opacity: 1; }
100% { top: 100vh; opacity: 0; transform: rotate(360deg); }
}
.coin:nth-child(even) { animation-duration: 8s; }
.coin:nth-child(odd) { animation-duration: 5s; }
</style>
</head>
<body>
<div class="content">
<h1>MAJOR, Já comprou seu <span class="highlight">BITCOIN</span> hoje?</h1>
<p>Se não, você vai comer o pão que o diabo amassou, cumpade!</p>
<button class="button" onclick="window.location.href='https://gotas.social/buy/389'">Conheça a Comunidade MULTIVERSO</button>
<button class="button" onclick="window.location.href='https://caiovicentino.com.br/'">Conheça a Comunidade YHP</button>
<div class="alert">DEIXA DE PUTARIA E VEM FAZER PARTE DAS 2 MAIORES COMUNIDADES CRYPTO DO BRASIL.</div>
</div>
<script>
const ctx = new AudioContext(), osc = ctx.createOscillator(), gain = ctx.createGain();
osc.type = 'triangle'; osc.frequency.setValueAtTime(220, ctx.currentTime);
gain.gain.setValueAtTime(0.3, ctx.currentTime);
osc.connect(gain).connect(ctx.destination); osc.start();
setInterval(() => {
osc.frequency.setValueAtTime(220, ctx.currentTime);
setTimeout(() => osc.frequency.setValueAtTime(294, ctx.currentTime), 250);
setTimeout(() => osc.frequency.setValueAtTime(330, ctx.currentTime), 500);
}, 1000);
function createCoin() {
const coin = document.createElement('div');
coin.className = 'coin' + (Math.random() > 0.5 ? ' eth' : '');
coin.style.left = Math.random() * window.innerWidth + 'px';
document.body.appendChild(coin);
setTimeout(() => { coin.remove(); }, 6000);
}
setInterval(createCoin, 300);
</script>
</body>
</html>