
<!DOCTYPE html>
<html lang="en-IN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CHICKEN ROAD - Telegram Signals & Predictions</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', '2194018691066944');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2194018691066944&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg-dark: #111827;
            --primary-orange: #F97316;
            --primary-orange-dark: #EA580C;
            --light-gray: #D1D5DB;
            --gray: #9CA3AF;
            --white: #ffffff;
            --glass-bg: rgba(31, 41, 55, 0.5);
            --glass-border: rgba(156, 163, 175, 0.2);
        }

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

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--bg-dark);
            color: var(--light-gray);
            background-image: url('https://www.transparenttextures.com/patterns/low-contrast-linen.png'), linear-gradient(135deg, #111827 0%, #0c1220 100%);
            background-attachment: fixed;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header */
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
        }

        .logo-container {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid var(--primary-orange);
            object-fit: cover;
        }

        .channel-name {
            font-size: 18px;
            font-weight: 600;
            color: var(--white);
        }

        /* Hero Section */
        .hero {
            text-align: center;
            padding: 60px 0;
            animation: fadeIn 1s ease-out;
        }

        h1 {
            font-size: clamp(2.2rem, 6vw, 3.2rem);
            font-weight: 800;
            color: var(--white);
            margin-bottom: 20px;
            line-height: 1.3;
        }

        h1 .highlight {
            color: var(--primary-orange);
            display: block;
        }

        .subtitle {
            font-size: 1.1rem;
            max-width: 650px;
            margin: 0 auto 30px auto;
            line-height: 1.7;
            color: var(--gray);
        }
        
        .trust-banner {
            background: var(--glass-bg);
            border-radius: 50px;
            padding: 10px 20px;
            display: inline-block;
            margin-top: 20px;
            font-weight: 600;
            color: var(--white);
            border: 1px solid var(--glass-border);
        }

        .trust-banner .fa-check-circle {
            color: #34D399; /* Green for trust */
            margin-right: 8px;
        }

        /* Call-to-action Button */
        .cta-button {
            display: inline-block;
            background: linear-gradient(135deg, var(--primary-orange), var(--primary-orange-dark));
            color: var(--white);
            padding: 18px 40px;
            font-size: 1.2rem;
            font-weight: 700;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 8px 25px rgba(249, 115, 22, 0.3);
            border: none;
            cursor: pointer;
            margin-top: 20px;
            animation: pulse-orange 2s infinite;
        }

        .cta-button:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 12px 30px rgba(249, 115, 22, 0.4);
        }

        .cta-button i {
            margin-right: 12px;
            font-size: 1.4rem;
            vertical-align: middle;
        }
        
        @keyframes pulse-orange {
            0% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.7); }
            70% { box-shadow: 0 0 0 15px rgba(249, 115, 22, 0); }
            100% { box-shadow: 0 0 0 0 rgba(249, 115, 22, 0); }
        }

        /* Sections */
        .section {
            padding: 60px 0;
        }

        .section-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--white);
            margin-bottom: 50px;
        }
        
        /* Glass Card Effect */
        .card-glass {
            background: var(--glass-bg);
            border: 1px solid var(--glass-border);
            border-radius: 15px;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            padding: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card-glass:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        /* Features Grid */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .feature-card {
            text-align: center;
        }

        .feature-icon {
            font-size: 3rem;
            color: var(--primary-orange);
            margin-bottom: 20px;
        }
        
        .feature-title {
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--white);
            margin-bottom: 10px;
        }

        .feature-desc {
            font-size: 1rem;
            line-height: 1.6;
            color: var(--gray);
        }
        
        /* Proof Section */
        .proof-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        .proof-item {
            border-radius: 10px;
            overflow: hidden;
            border: 2px solid var(--glass-border);
            transition: transform 0.3s ease;
        }
        .proof-item:hover {
            transform: scale(1.05);
            border-color: var(--primary-orange);
        }
        .proof-img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Testimonials */
        .testimonial-card {
            display: flex;
            flex-direction: column;
        }
        .testimonial-text {
            font-size: 1.1rem;
            margin-bottom: 20px;
            color: var(--light-gray);
            font-weight: 400;
        }
        .testimonial-text::before {
            content: '\f10d';
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: var(--primary-orange);
            font-size: 1.5rem;
            margin-right: 10px;
        }
        .testimonial-author {
            margin-top: auto;
            padding-top: 10px;
            text-align: left;
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--white);
            border-top: 1px solid var(--glass-border);
        }
        .testimonial-author span {
            display: block;
            font-weight: 400;
            font-size: 0.9rem;
            color: var(--gray);
        }

        /* How to Join Section */
        .join-steps-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            align-items: center;
            text-align: center;
        }
        .join-step .icon {
            font-size: 4rem;
            color: var(--primary-orange);
            margin-bottom: 15px;
        }
        .join-step h3 {
            font-size: 1.5rem;
            color: var(--white);
            margin-bottom: 10px;
        }
        .join-step p {
            color: var(--gray);
            font-size: 1rem;
        }
        .arrow-icon {
            font-size: 2.5rem;
            color: var(--gray);
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 40px 0 20px;
            border-top: 1px solid var(--glass-border);
            margin-top: 50px;
        }
        .copyright {
            color: var(--gray);
            font-size: 0.9rem;
            margin-top: 20px;
        }

        /* Animations */
        .animated-element {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .animated-element.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        @media (max-width: 768px) {
            .section { padding: 40px 0; }
            h1 { font-size: 2rem; }
            .section-title { font-size: 2rem; }
            .arrow-icon { transform: rotate(90deg); margin: 20px 0; }
        }
    </style>
</head>
<body>

    <div class="container">
        <header>
            <div class="logo-container">
                <img src="/logoch.png" alt="Channel Logo" class="logo">
                <div class="channel-name">CHICKEN ROAD BOT</div>
            </div>
            <a href="https://t.me/+qYxmilWCduw0MTJl" class="cta-button" style="padding: 10px 20px; font-size: 1rem; margin-top:0; animation: none;">Join Now</a>
        </header>
    </div>

    <main>
        <section class="hero">
            <div class="container">
                <h1>Chicken Road HACK BOT <span class="highlight">100% SURE Signals!</span></h1>
                <p class="subtitle">Abhi hamara FREE Telegram channel join karein aur paayein 90% accurate winning signals. Roz jeetne ka mauka!</p>
                <a href="https://t.me/+qYxmilWCduw0MTJl" class="cta-button telegram-btn" target="_blank">
                    <i class="fab fa-telegram"></i> FREE TELEGRAM JOIN KAREIN
                </a>
                <div class="trust-banner animated-element">
                    <i class="fas fa-check-circle"></i> 92,000+ Indian Members Trust Us!
                </div>
            </div>
        </section>

        <section id="features" class="section">
            <div class="container">
                <h2 class="section-title">Humein Kyun Chunein?</h2>
                <div class="features-grid">
                    <div class="feature-card card-glass animated-element">
                        <div class="feature-icon"><i class="fas fa-bullseye"></i></div>
                        <h3 class="feature-title">90% Accuracy</h3>
                        <p class="feature-desc">Hamare advanced bot se paayein sabse accurate signals aur jeetne ka chance badhayein.</p>
                    </div>
                    
                    <div class="feature-card card-glass animated-element">
                        <div class="feature-icon"><i class="fas fa-bolt"></i></div>
                        <h3 class="feature-title">Instant Alerts</h3>
                        <p class="feature-desc">Sahi time par signal paane ke liye turant Telegram par alerts. Koyi bhi mauka miss na karein.</p>
                    </div>
                    
                    <div class="feature-card card-glass animated-element">
                        <div class="feature-icon"><i class="fas fa-users"></i></div>
                        <h3 class="feature-title">Free Community</h3>
                        <p class="feature-desc">Hazaaron Indian players ki trusted community se judein aur saath milkar jeetein. Bilkul FREE!</p>
                    </div>
                </div>
            </div>
        </section>

        <section id="proof" class="section">
            <div class="container">
                <h2 class="section-title">Hamare Winning Proofs</h2>
                <div class="proof-grid">
                    <div class="proof-item animated-element"><img src="/ch1.jpg" alt="Winning Signal Proof 1" class="proof-img"></div>
                    <div class="proof-item animated-element"><img src="/ch2.jpg" alt="Winning Signal Proof 2" class="proof-img"></div>
                    <div class="proof-item animated-element"><img src="/ch3.jpg" alt="Winning Signal Proof 3" class="proof-img"></div>
                </div>
                <div style="text-align: center; margin-top: 40px;">
                     <a href="https://t.me/+qYxmilWCduw0MTJl" class="cta-button telegram-btn" target="_blank">
                        <i class="fab fa-telegram"></i> Haan! Mujhe Proofs Chahiye
                    </a>
                </div>
            </div>
        </section>
        
        <section id="join" class="section" style="background: var(--bg-dark);">
            <div class="container">
                <h2 class="section-title">Telegram Channel Aise Join Karein</h2>
                <div class="join-steps-container">
                    <div class="join-step animated-element">
                        <div class="icon"><i class="fas fa-mouse-pointer"></i></div>
                        <h3>Step 1: Button Dabayein</h3>
                        <p>Neeche diye gaye 'Join Now' button par click karein.</p>
                    </div>
                    <div class="arrow-icon animated-element"><i class="fas fa-arrow-right"></i></div>
                    <div class="join-step animated-element">
                        <div class="icon"><i class="fab fa-telegram"></i></div>
                        <h3>Step 2: Telegram Join Karein</h3>
                        <p>Aap Telegram par pahunch jayenge. Wahan 'Join' button dabayein.</p>
                    </div>
                </div>
                <div style="text-align: center; margin-top: 40px;">
                    <a href="https://t.me/+qYxmilWCduw0MTJl" class="cta-button telegram-btn" target="_blank">
                        <i class="fab fa-telegram"></i> ABHI JOIN KAREIN (FREE)
                    </a>
                </div>
            </div>
        </section>

        <section id="testimonials" class="section">
            <div class="container">
                <h2 class="section-title">Hamare Members Kya Kehte Hain</h2>
                <div class="features-grid">
                    <div class="testimonial-card card-glass animated-element">
                        <p class="testimonial-text">Bhai, pehle vishwas nahi hua, par ab daily profit ho raha hai. Isse best channel nahi hai India mein. Thank you!</p>
                        <div class="testimonial-author">
                           Rohan Verma
                            <span>Mumbai</span>
                        </div>
                    </div>
                    <div class="testimonial-card card-glass animated-element">
                        <p class="testimonial-text">Main student hoon aur side income ke liye join kiya tha. Signals itne perfect hain ki ab pocket money ki tension nahi hoti. Sab log join karo!</p>
                        <div class="testimonial-author">
                            Anjali Sharma
                            <span>Delhi</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

    <footer>
        <div class="container">
            <p class="copyright">© 2025 CHICKEN ROAD HACK BOT. All Rights Reserved. <br> Kripya zimmedari se khelein. Yeh koi financial advice nahi hai.</p>
        </div>
    </footer>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const animatedElements = document.querySelectorAll('.animated-element');
            if ("IntersectionObserver" in window) {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            entry.target.classList.add('is-visible');
                            observer.unobserve(entry.target);
                        }
                    });
                }, { threshold: 0.1 });
                animatedElements.forEach(element => observer.observe(element));
            } else {
                animatedElements.forEach(element => element.classList.add('is-visible'));
            }

            const telegramButtons = document.querySelectorAll('.telegram-btn');
            telegramButtons.forEach(button => {
                button.addEventListener('click', function() {
                    if (typeof fbq === 'function') {
                        fbq('track', 'Lead');
                    }
                });
            });
        });
    </script>
</body>
</html>