
<!DOCTYPE html>
<html lang="hi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chicken Road VIP Hack - Access Granted</title>
    
   <!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1771023637598371');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1771023637598371&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
    <style>
        /* --- CYBER HACKER THEME (RED VERSION) --- */
        :root {
            /* Changed from Green to Neon Red */
            --primary: #ff1a1a; 
            --primary-dim: rgba(255, 26, 26, 0.2);
            --bg-dark: #0f0505; /* Dark Reddish Black */
            --bg-card: #1a0a0a;
            --text-main: #ffffff;
            --text-muted: #b3b3b3;
            --danger: #ffcc00; /* Yellow for warnings */
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', sans-serif; }

        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            overflow-x: hidden;
            /* Hacker Grid Background Effect - Updated color */
            background-image: 
                linear-gradient(rgba(255, 26, 26, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 26, 26, 0.05) 1px, transparent 1px);
            background-size: 30px 30px;
        }

        /* --- UTILS --- */
        .container { max-width: 800px; margin: 0 auto; padding: 0 20px; }
        .text-accent { color: var(--primary); text-shadow: 0 0 10px var(--primary-dim); }
        .text-center { text-align: center; }

        /* --- HEADER --- */
        header {
            padding: 15px 0;
            background: rgba(15, 5, 5, 0.95);
            border-bottom: 1px solid var(--primary-dim);
            position: sticky;
            top: 0;
            z-index: 100;
            backdrop-filter: blur(5px);
        }

        .nav-flex { display: flex; justify-content: space-between; align-items: center; }
        
        .logo-area img { height: 40px; width: auto; }
        
        .status-badge {
            background: var(--primary-dim);
            color: var(--primary);
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: bold;
            border: 1px solid var(--primary);
            letter-spacing: 1px;
            box-shadow: 0 0 10px var(--primary-dim);
        }

        /* --- MAIN HERO --- */
        .hero { padding: 50px 0; text-align: center; }

        .hero h1 {
            font-size: 2.2rem;
            line-height: 1.2;
            margin-bottom: 15px;
            text-transform: uppercase;
            font-weight: 800;
            text-shadow: 0 0 20px rgba(255, 26, 26, 0.4);
        }

        .server-box {
            background: #000;
            border: 1px solid var(--primary);
            padding: 15px;
            margin: 20px auto;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            text-align: left;
            font-size: 0.9rem;
            max-width: 500px;
            box-shadow: 0 0 15px var(--primary-dim);
        }

        .code-line { display: block; margin-bottom: 5px; }
        .blink { animation: blinker 1s linear infinite; }
        @keyframes blinker { 50% { opacity: 0; } }

        /* --- BUTTON --- */
        .btn-main {
            background: var(--primary);
            color: #fff;
            font-weight: 900;
            padding: 16px 40px;
            border-radius: 5px;
            border: none;
            font-size: 1.1rem;
            cursor: pointer;
            width: 100%;
            max-width: 400px;
            margin-top: 20px;
            text-transform: uppercase;
            box-shadow: 0 0 25px var(--primary-dim);
            transition: transform 0.2s;
            position: relative;
            overflow: hidden;
            text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        }

        .btn-main:hover {
            transform: scale(1.02);
            box-shadow: 0 0 35px rgba(255, 26, 26, 0.4);
        }

        .btn-main::after {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            animation: shine 2s infinite;
        }

        @keyframes shine { 100% { left: 100%; } }

        /* --- PROOF IMAGES --- */
        .proof-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 15px;
            margin-top: 40px;
        }

        .proof-item {
            background: var(--bg-card);
            padding: 10px;
            border-radius: 8px;
            border: 1px solid rgba(255,255,255,0.05);
            transition: border-color 0.3s;
        }
        
        .proof-item:hover { border-color: var(--primary); }

        .proof-item img {
            width: 100%;
            border-radius: 5px;
            display: block;
            border: 1px solid #333;
        }
        
        .proof-tag {
            margin-top: 8px;
            display: flex;
            justify-content: space-between;
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        /* --- STICKY FOOTER BTN --- */
        .sticky-wrapper {
            position: fixed;
            bottom: 20px;
            left: 0; 
            width: 100%;
            padding: 0 20px;
            display: flex;
            justify-content: center;
            z-index: 999;
        }

        footer {
            margin-top: 50px;
            padding-bottom: 100px; /* Space for sticky button */
            text-align: center;
            font-size: 0.8rem;
            color: #666;
        }

    </style>
</head>
<body>

    <header>
        <div class="container nav-flex">
            <div class="logo-area">
                <img src="ch.png" alt="Logo"> 
            </div>
            <div class="status-badge">
                ● LIVE SERVER
            </div>
        </div>
    </header>

    <section class="hero">
        <div class="container">
            <h1>Chicken Road <span class="text-accent">PREDICTOR</span></h1>
            <p style="color: var(--text-muted); font-size: 1.1rem;">AI Based Safe Signal Strategy</p>

            <div class="server-box">
                <span class="code-line text-accent">> Initializing Bot V9.2...</span>
                <span class="code-line">> Connected to Chicken Road API</span>
                <span class="code-line">> Signal Strength: <span style="color:#fff">99.8%</span></span>
                <span class="code-line">> Next Move: <span class="blink" style="background:var(--primary); color:#fff; padding:0 5px;">GENERATED</span></span>
                <div style="border-top:1px dashed #333; margin-top:10px; padding-top:10px; color: #fff;">
                    Status: <span style="color:var(--primary)">Waiting for user...</span>
                </div>
            </div>

            <button onclick="redirectNow()" class="btn-main">
                JOIN FREE CHANNEL NOW 
            </button>
            <p style="margin-top:10px; font-size:0.9rem; color:var(--danger);">⚠️ Only for 18+ Users</p>
        </div>
    </section>

    <section class="container">
        <h3 class="text-center" style="border-bottom: 2px solid var(--primary); display:inline-block; padding-bottom:5px;">RECENT WINS</h3>
        
        <div class="proof-grid">
            <div class="proof-item">
                <img src="/ch1.png" alt="Win Proof 1" onerror="this.style.background='#333';this.src='';">
                <div class="proof-tag">
                    <span>User: Amit_X</span>
                    <span class="text-accent">+₹5,400</span>
                </div>
            </div>
            <div class="proof-item">
                <img src="/ch2.png" alt="Win Proof 2" onerror="this.style.background='#333';this.src='';">
                <div class="proof-tag">
                    <span>User: Ravi_09</span>
                    <span class="text-accent">+₹12,200</span>
                </div>
            </div>
            <div class="proof-item">
                <img src="/ch3.png" alt="Win Proof 3" onerror="this.style.background='#333';this.src='';">
                <div class="proof-tag">
                    <span>User: SK_Boss</span>
                    <span class="text-accent">+₹2,800</span>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <p>Copyright © 2024. All rights reserved.</p>
    </footer>

    <div class="sticky-wrapper">
        <button onclick="redirectNow()" class="btn-main" style="box-shadow: 0 10px 30px rgba(0,0,0,0.8);">
            GET SIGNAL LINK 🔗
        </button>
    </div>

    <script>
        // ==============================
        // CONFIGURATION
        // ==============================
        const TG_LINK = "https://t.me/+mACfgRhVz1Y0OTc1"; // Link unchanged

        <!--function redirectNow() {
            window.location.href = TG_LINK;
        }

        // ==============================
        // AUTO REDIRECT LOGIC (1 Second)
        // ==============================
        window.onload = function() {
            console.log("Page Loaded. Redirecting in 1s...");
            
            setTimeout(function() {
                // Auto Redirect Active Hai
                redirectNow();
            }, 1000); // 1000ms = 1 Second
        };->>

        // ==============================
        // FAKE NOTIFICATION LOGIC
        // ==============================
        setTimeout(() => {
            let n = document.createElement('div');
            n.innerHTML = "⚡ <b>New Signal</b> Posted in Channel!";
            // Updated Notification Color to match Red Theme
            n.style.cssText = "position:fixed; top:20px; right:20px; background:#ff1a1a; color:#fff; padding:10px 20px; border-radius:30px; z-index:9999; font-weight:bold; box-shadow:0 5px 20px rgba(255, 26, 26, 0.4); animation: slideIn 0.5s;";
            document.body.appendChild(n);
        }, 500); // Shows immediately before redirect
        
        // CSS for animation injection
        let style = document.createElement('style');
        style.innerHTML = `@keyframes slideIn { from{transform:translateY(-50px);opacity:0;} to{transform:translateY(0);opacity:1;} }`;
        document.head.appendChild(style);

    </script>
</body>
</html>