
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sigma Aviator - Join Telegram</title>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #0a0a0a;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow-x: hidden;
            position: relative;
        }

        /* Animated Background */
        .bg-animation {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            overflow: hidden;
        }

        .bg-animation::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,0,0,0.1) 0%, transparent 50%),
                        radial-gradient(circle at 80% 20%, rgba(0,255,0,0.1) 0%, transparent 40%);
            animation: bgRotate 20s linear infinite;
        }

        @keyframes bgRotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Floating Particles */
        .particles {
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: #00ff88;
            border-radius: 50%;
            animation: float 15s infinite;
            opacity: 0.6;
        }

        .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 12s; }
        .particle:nth-child(2) { left: 20%; animation-delay: 1s; animation-duration: 15s; background: #ff0040; }
        .particle:nth-child(3) { left: 30%; animation-delay: 2s; animation-duration: 10s; }
        .particle:nth-child(4) { left: 40%; animation-delay: 0.5s; animation-duration: 18s; background: #ff0040; }
        .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 14s; }
        .particle:nth-child(6) { left: 60%; animation-delay: 1.5s; animation-duration: 16s; background: #ff0040; }
        .particle:nth-child(7) { left: 70%; animation-delay: 2.5s; animation-duration: 11s; }
        .particle:nth-child(8) { left: 80%; animation-delay: 0.8s; animation-duration: 13s; background: #ff0040; }
        .particle:nth-child(9) { left: 90%; animation-delay: 3.5s; animation-duration: 17s; }
        .particle:nth-child(10) { left: 15%; animation-delay: 4s; animation-duration: 19s; background: #ff0040; }

        @keyframes float {
            0% {
                transform: translateY(100vh) scale(0);
                opacity: 0;
            }
            10% {
                opacity: 0.6;
            }
            90% {
                opacity: 0.6;
            }
            100% {
                transform: translateY(-100vh) scale(1.5);
                opacity: 0;
            }
        }

        /* Airplane Animation */
        .airplane {
            position: fixed;
            font-size: 40px;
            z-index: 1;
            animation: fly 25s linear infinite;
            opacity: 0.3;
            filter: drop-shadow(0 0 10px rgba(255,0,0,0.5));
        }

        .airplane:nth-child(1) { top: 10%; animation-delay: 0s; }
        .airplane:nth-child(2) { top: 30%; animation-delay: 8s; font-size: 30px; }
        .airplane:nth-child(3) { top: 60%; animation-delay: 15s; font-size: 50px; }

        @keyframes fly {
            0% { left: -10%; transform: translateY(0) rotate(5deg); }
            25% { transform: translateY(-20px) rotate(-5deg); }
            50% { transform: translateY(10px) rotate(3deg); }
            75% { transform: translateY(-15px) rotate(-3deg); }
            100% { left: 110%; transform: translateY(0) rotate(5deg); }
        }

        /* Main Container */
        .container {
            position: relative;
            z-index: 10;
            text-align: center;
            padding: 20px;
            max-width: 500px;
            width: 100%;
        }

        /* Profile Image */
        .profile-wrapper {
            position: relative;
            display: inline-block;
            margin-bottom: 30px;
        }

        .profile-img {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #00ff88;
            box-shadow: 0 0 30px rgba(0,255,136,0.4),
                        0 0 60px rgba(0,255,136,0.2),
                        inset 0 0 30px rgba(0,255,136,0.1);
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% {
                box-shadow: 0 0 30px rgba(0,255,136,0.4),
                            0 0 60px rgba(0,255,136,0.2),
                            inset 0 0 30px rgba(0,255,136,0.1);
                transform: scale(1);
            }
            50% {
                box-shadow: 0 0 50px rgba(0,255,136,0.6),
                            0 0 100px rgba(0,255,136,0.3),
                            inset 0 0 50px rgba(0,255,136,0.2);
                transform: scale(1.02);
            }
        }

        .glow-ring {
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            border-radius: 50%;
            border: 2px solid transparent;
            border-top-color: #ff0040;
            border-right-color: #00ff88;
            animation: spin 3s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Title */
        .title {
            font-family: 'Orbitron', sans-serif;
            font-size: 2.5rem;
            font-weight: 900;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 10px;
            text-shadow: 0 0 20px rgba(0,255,136,0.5),
                         0 0 40px rgba(0,255,136,0.3);
            animation: titleGlow 3s ease-in-out infinite;
        }

        @keyframes titleGlow {
            0%, 100% {
                text-shadow: 0 0 20px rgba(0,255,136,0.5),
                             0 0 40px rgba(0,255,136,0.3);
            }
            50% {
                text-shadow: 0 0 30px rgba(0,255,136,0.8),
                             0 0 60px rgba(0,255,136,0.5),
                             0 0 90px rgba(0,255,136,0.3);
            }
        }

        .subtitle {
            font-size: 1.1rem;
            color: #aaa;
            margin-bottom: 30px;
            letter-spacing: 2px;
        }

        /* Stats */
        .stats {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 40px;
        }

        .stat-item {
            text-align: center;
        }

        .stat-number {
            font-family: 'Orbitron', sans-serif;
            font-size: 1.8rem;
            font-weight: 700;
            color: #00ff88;
            text-shadow: 0 0 10px rgba(0,255,136,0.5);
        }

        .stat-label {
            font-size: 0.8rem;
            color: #888;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* Telegram Button */
        .telegram-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 20px 60px;
            font-size: 1.3rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #fff;
            background: linear-gradient(135deg, #0088cc 0%, #00ff88 100%);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            text-decoration: none;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 30px rgba(0,136,204,0.5),
                        0 0 60px rgba(0,255,136,0.3);
            animation: btnPulse 2s ease-in-out infinite;
            transition: all 0.3s ease;
        }

        .telegram-btn:hover {
            transform: translateY(-3px) scale(1.05);
            box-shadow: 0 0 40px rgba(0,136,204,0.7),
                        0 0 80px rgba(0,255,136,0.5);
        }

        @keyframes btnPulse {
            0%, 100% {
                box-shadow: 0 0 30px rgba(0,136,204,0.5),
                            0 0 60px rgba(0,255,136,0.3);
            }
            50% {
                box-shadow: 0 0 50px rgba(0,136,204,0.8),
                            0 0 100px rgba(0,255,136,0.5);
            }
        }

        /* Button Shine Effect */
        .telegram-btn::before {
            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 3s infinite;
        }

        @keyframes shine {
            0% { left: -100%; }
            20% { left: 100%; }
            100% { left: 100%; }
        }

        /* Telegram Icon in Button */
        .telegram-icon-svg {
            width: 28px;
            height: 28px;
            filter: brightness(0) invert(1);
            animation: iconBounce 1s ease-in-out infinite;
        }

        @keyframes iconBounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }

        /* Urgency Text */
        .urgency {
            margin-top: 25px;
            font-size: 0.9rem;
            color: #ff0040;
            font-weight: 600;
            animation: blink 1.5s ease-in-out infinite;
        }

        @keyframes blink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        /* Hydra Footer */
        .hydra-footer {
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid rgba(0,255,136,0.2);
            font-size: 0.85rem;
        }

        .hydra-link {
            color: #00ff88;
            text-decoration: none;
            font-weight: 600;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            position: relative;
            display: inline-block;
        }

        .hydra-link:hover {
            color: #ff0040;
            text-shadow: 0 0 10px rgba(255,0,64,0.5);
            transform: scale(1.05);
        }

        .hydra-link::before {
            content: '🐉';
            margin-right: 5px;
            font-size: 1rem;
            display: inline-block;
            animation: hydraGlow 2s ease-in-out infinite;
        }

        @keyframes hydraGlow {
            0%, 100% { filter: drop-shadow(0 0 2px #00ff88); }
            50% { filter: drop-shadow(0 0 8px #ff0040); }
        }

        /* Dollar Signs */
        .dollar {
            position: fixed;
            font-size: 24px;
            color: #00ff88;
            z-index: 1;
            animation: dollarFloat 10s ease-in-out infinite;
            opacity: 0.4;
            text-shadow: 0 0 10px rgba(0,255,136,0.5);
        }

        .dollar:nth-child(1) { left: 5%; top: 20%; animation-delay: 0s; }
        .dollar:nth-child(2) { right: 10%; top: 40%; animation-delay: 2s; color: #ff0040; }
        .dollar:nth-child(3) { left: 15%; bottom: 20%; animation-delay: 4s; }
        .dollar:nth-child(4) { right: 5%; bottom: 30%; animation-delay: 1s; color: #ff0040; }
        .dollar:nth-child(5) { left: 50%; top: 10%; animation-delay: 3s; }

        @keyframes dollarFloat {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-30px) rotate(10deg); }
        }

        /* Responsive */
        @media (max-width: 480px) {
            .title { font-size: 1.8rem; }
            .profile-img { width: 150px; height: 150px; }
            .telegram-btn { padding: 15px 40px; font-size: 1.1rem; gap: 8px; }
            .telegram-icon-svg { width: 22px; height: 22px; }
            .stats { gap: 20px; }
            .stat-number { font-size: 1.4rem; }
        }

        /* Loading Animation */
        .loading-bar {
            width: 200px;
            height: 4px;
            background: rgba(255,255,255,0.1);
            border-radius: 2px;
            margin: 20px auto;
            overflow: hidden;
        }

        .loading-progress {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, #ff0040, #00ff88);
            border-radius: 2px;
            animation: load 2s ease-in-out infinite;
        }

        @keyframes load {
            0% { width: 0%; margin-left: 0; }
            50% { width: 100%; margin-left: 0; }
            100% { width: 0%; margin-left: 100%; }
        }
    </style>
</head>
<body>

    <!-- 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', '1304137278334724');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1304137278334724&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->

    <!-- Background Animation -->
    <div class="bg-animation"></div>

    <!-- Particles -->
    <div class="particles">
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
        <div class="particle"></div>
    </div>

    <!-- Airplanes -->
    <div class="airplane">✈️</div>
    <div class="airplane">🛩️</div>
    <div class="airplane">✈️</div>

    <!-- Dollar Signs -->
    <div class="dollar">$</div>
    <div class="dollar">$</div>
    <div class="dollar">$</div>
    <div class="dollar">$</div>
    <div class="dollar">$</div>

    <!-- Main Content -->
    <div class="container">
        
        <!-- Profile Image -->
        <div class="profile-wrapper">
            <div class="glow-ring"></div>
            <img src="https://i.ibb.co/wNFfzgGP/sigma-traders.jpg" alt="Sigma Aviator" class="profile-img" onerror="this.src='https://via.placeholder.com/200/0a0a0a/00ff88?text=SA'">
        </div>

        <!-- Title -->
        <h1 class="title">Sigma Aviator</h1>
        <p class="subtitle">Premium Aviator Signals Channel</p>

        <!-- Stats -->
        <div class="stats">
            <div class="stat-item">
                <div class="stat-number">50K+</div>
                <div class="stat-label">Members</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">100%</div>
                <div class="stat-label">Accuracy</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">24/7</div>
                <div class="stat-label">Support</div>
            </div>
        </div>

        <!-- Loading Animation -->
        <div class="loading-bar">
            <div class="loading-progress"></div>
        </div>

        <!-- Telegram Button with Logo -->
        <a href="https://t.me/+r6FjebsU7TllYWQ9" class="telegram-btn" target="_blank">
            <svg class="telegram-icon-svg" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.13-.07-.18s-.17-.03-.25-.01c-.11.02-1.86 1.18-5.25 3.47-.5.34-.95.5-1.35.49-.44-.01-1.29-.25-1.92-.46-.78-.25-1.39-.38-1.33-.81.03-.22.33-.45.91-.68 3.57-1.55 5.94-2.57 7.13-3.06 3.39-1.39 4.1-1.63 4.56-1.64.1 0 .33.02.48.15.12.1.16.24.17.37-.01.07 0 .12 0 .2z" fill="white"/>
            </svg>
            Join Telegram Now
        </a>

        <!-- Urgency -->
        <p class="urgency">⚡ Limited Slots Available - Join Before It Fills! ⚡</p>

        <!-- Hydra Footer -->
        <div class="hydra-footer">
            <a href="https://t.me/+r6FjebsU7TllYWQ9" class="hydra-link" target="_blank">Setup by Hydra</a>
        </div>

    </div>

</body>
</html>