
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aviator VIP Signals</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', '1118993683657714');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1118993683657714&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1196588929098625&ev=PageView&noscript=1"
/></noscript>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1896133234648042&ev=PageView&noscript=1"
/></noscript>
<meta name="description" content="Join the exclusive VIP group for Aviator game signals.">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

    <style>
      :root {
    --bg-color: #000000;
    --card-bg: #0a0a0a;
    --text-main: #ff0000; /* Hacker Green Text */
    --text-sub: #cccccc;
    
    /* BUTTON COLORS */
    --btn-color: #ff0000;
    --btn-hover: #660000;
    --btn-shadow: rgba(255, 0, 0,1);
    --btn-text-color: #000000;
}
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--bg-color);
            color: var(--text-main);
            overflow-x: hidden;
            line-height: 1.6;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }
        
        header {
            text-align: center;
            padding: 20px 0;
            background: transparent;
        }

        .logo-img {
            width: 350px;
            height: auto;
            margin-bottom: 25px;
        }
        
        .channel-name {
            font-weight: 800;
            font-size: 44px;
            color: var(--btn-color); /* Gold color for name */
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .main-content {
            text-align: center;
            padding: 40px 0;
        }
        
        h1 {
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 850;
            margin-bottom: 15px;
            color: var(--text-main);
            line-height: 1.2;
        }
        
        .subtitle {
            font-size: 1.5rem;
            margin-bottom: 40px;
            color: var(--text-sub);
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .highlight {
            color: var(--btn-color);
            font-weight: 700;
            text-decoration: underline;
            text-decoration-color: var(--btn-color);
            text-decoration-thickness: 3px;
        }
        
        /* --- THE FOCUS BUTTON --- */
        .cta-container {
            margin: 30px 0;
        }

        .telegram-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--btn-color);
            color: var(--btn-text-color) !important; /* Dynamic text color */
            padding: 20px 45px;
            font-size: 20px;
            font-weight: 800;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 0 20px var(--btn-shadow); /* Glowing effect */
            position: relative;
            overflow: hidden;
            animation: pulse-animation 2s infinite;
            text-transform: uppercase;
        }
        
        .telegram-btn:hover {
            background-color: var(--btn-hover);
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 0 30px var(--btn-shadow);
        }
        
        .telegram-btn i {
            margin-right: 12px;
            font-size: 24px;
        }

        @keyframes pulse-animation {
            0% { box-shadow: 0 0 0 0 var(--btn-shadow); }
            70% { box-shadow: 0 0 0 15px rgba(255, 215, 0, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
        }
        
        .section {
            margin: 60px 0;
        }

        h2 {
            font-size: 2rem;
            font-weight: 700;
            color: var(--text-main);
            margin-bottom: 40px;
            text-align: center;
        }
        
        /* --- Proof Grid --- */
        .proof-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        
        .proof-item {
            background: var(--card-bg);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5); 
            border: 1px solid #333;
        }
        
        .proof-img {
            width: 100%;
            height: auto;
            display: block;
        }

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

        .feature-card {
            background: var(--card-bg);
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
            border: 1px solid #333;
            transition: transform 0.3s;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            border-color: var(--btn-color);
        }
        
        .feature-icon {
            font-size: 36px;
            color: var(--btn-color); /* Gold Icon */
            margin-bottom: 20px;
        }
        
        .feature-title {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--text-main);
        }
        
        .feature-desc {
            font-size: 14px;
            color: var(--text-sub);
            line-height: 1.6;
        }
        
        footer {
            text-align: center;
            padding: 40px 20px;
            border-top: 1px solid #333;
            margin-top: 40px;
        }
        
        .copyright {
            color: var(--text-sub);
            font-size: 13px;
        }
        
         body {
      margin: 0;
      font-family: 'Orbitron', sans-serif;
      background: radial-gradient(circle at center, #0b0b0b 0%, #000 100%);
      color: white;
      overflow-x: hidden;
    }

    .container {
      text-align: center;
      padding: 40px 20px;
    }

    header {
      padding: 20px 0;
    }

    header h1 {
      font-size: 2.4rem;
      color: #ff3c00;
      text-transform: uppercase;
      margin: 10px 0;
    }

    .hero-img {
      width: 300px;
      max-width: 100%;
      border-radius: 15px;
      box-shadow: 0 0 30px rgba(255, 60, 0, 0.6);
      animation: pulse 2s infinite alternate;
    }

    @keyframes pulse {
      from { transform: scale(1); }
      to { transform: scale(1.05); }
    }

    .cta-btn {
      display: inline-block;
      padding: 15px 30px;
      margin-top: 20px;
      background: linear-gradient(90deg, #ff3c00, #ff6600);
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 1.2rem;
      cursor: pointer;
      text-decoration: none;
      box-shadow: 0 0 15px rgba(255, 60, 0, 0.7);
      transition: transform 0.3s ease;
    }

    .cta-btn:hover {
      transform: scale(1.05);
    }

    .timer {
      font-size: 2rem;
      margin: 25px 0;
      color: #00ffcc;
    }

    section {
      margin: 50px 0;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      padding: 20px;
    }

    .feature {
      background: #111;
      border: 1px solid #222;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(255, 0, 0, 1);
    }

    .feature h3 {
      color: #ff0000;
      margin-bottom: 10px;
    }

    .slider {
      position: relative;
      width: 95%;
      max-width: 950px;
      margin: auto;
      overflow: hidden;
      border-radius: 20px;
      background: #111;
      box-shadow: 0 0 25px rgba(255, 0, 0, 1);
    }

    .slides {
      display: flex;
      transition: transform 0.8s ease-in-out;
      width: 100%;
    }

    .slide {
      flex: 0 0 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #000;
    }

    .slide img {
      width: 100%;
      height: 70vh;
      object-fit: contain;
      border-radius: 20px;
      background: #000;
    }

    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.6);
      border: none;
      color: white;
      font-size: 32px;
      padding: 10px 14px;
      cursor: pointer;
      border-radius: 50%;
      transition: 0.3s;
      z-index: 10;
    }

    .nav-btn:hover {
      background: rgba(255, 60, 0, 0.8);
      box-shadow: 0 0 15px rgba(255, 60, 0, 0.8);
    }

    .prev { left: 20px; }
    .next { right: 20px; }

    .dots {
      text-align: center;
      margin-top: 15px;
    }

    .dot {
      height: 12px;
      width: 12px;
      margin: 0 5px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.3s ease;
      cursor: pointer;
    }

    .dot.active {
      background-color: rgba(255, 100, 0, 1);
      box-shadow: 0 0 10px rgba(255, 100, 0, 0.8);
    }

    @media (max-width: 600px) {
      .slide img {
        height: 55vh;
      }
      .nav-btn {
        font-size: 24px;
        padding: 8px 10px;
      }
    }

    footer {
      margin-top: 40px;
      font-size: 0.9rem;
      color: #aaa;
    }
        
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="logo-container">
                <a href="https://t.me/+aYdEJg0cWw03ZTE1" target="_blank">
        <img src="g9SyEIu.gif" alt="Aviator Game" class="hero-img" />
      </a>
                <div class="channel-name">AVIATOR GAME</div>
                <h1>VIP Signals Access</h1>
            </div>
        </header>
            
            <div class="cta-container">
                <a href="https://t.me/+aYdEJg0cWw03ZTE1" class="telegram-btn" target="_blank">
                    <i class="fab fa-telegram-plane"></i> JOIN VIP CHANNEL
                </a>
                <p style="margin-top: 10px; font-size: 12px; color: #666;">Free access closes soon</p>
                <!--<p style="margin-top: 5px; font-size: 14px; color: var(--btn-color);">Redirecting to Telegram in 10 seconds...</p>-->
            </div>
            
    
    <section>
      <h2>🔥 Win Big Rewards Instantly!</h2>
      <div class="features">
        <div class="feature">
          <h3>💰 Minimum Bet</h3>
          <p>Start flying with just ₹10</p>
        </div>
        <div class="feature">
          <h3>🏆 Deposit</h3>
          <p>Play anytime with only ₹500</p>
        </div>
        <div class="feature">
          <h3>⚡ Withdrawal</h3>
          <p>Instant 24x7 withdrawals from ₹200!</p>
        </div>
      </div>
    </section>


    <footer>
      <p>© 2026 Aviator Game | Fly Smart. Win Big.</p>
    </footer>
  </div>

</body>
</html>