
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17883503386">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17883503386');
</script>
  <!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'fca0a4ddd3f90a67d5c7c6e7bcb62b7fb0718594';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>   
   

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17747566703"></script>
    <script>
        window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-17747566703'); 
    </script>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>USDT Flow | Buy With UPI and Trc20 | Instant Delivery</title>
    <meta name="description" content="Get Flash USDT instantly with USDT Flow. We offer fast, Flash USDT Wallet to Wallet Transferable and Tradable. Pay with crypto. Demo Plan Available just $29.">
    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23764ba2' d='M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-29.1-20.7H272.5L349.4 44.6z'/%3E%3C/svg%3E">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        
        * {
            font-family: 'Inter', sans-serif;
        }

        body {
            background: linear-gradient(-45deg, #0f0c29, #302b63, #24243e, #53346d);
            background-size: 400% 400%;
            animation: gradientBG 25s ease infinite;
            color: #f0f0f0;
        }

        @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        #tsparticles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        header, main, footer {
            position: relative;
            z-index: 1;
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #a78bfa, #fbc2eb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .glass-effect {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .flash-glow {
            filter: drop-shadow(0 0 25px rgba(167, 139, 250, 0.5));
            transition: all 0.3s ease;
        }
        
        .flash-glow:hover {
            filter: drop-shadow(0 0 35px rgba(167, 139, 250, 0.7));
            transform: scale(1.05);
        }

        .price-card {
            transition: all 0.3s ease;
            border: 2px solid transparent;
            background-color: rgba(255, 255, 255, 0.05);
        }
        
        .price-card:hover {
            border-color: #a78bfa;
            transform: translateY(-10px);
        }

        .pulse-animation {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { text-shadow: 0 0 5px #fef08a; }
            50% { text-shadow: 0 0 20px #fef08a; }
            100% { text-shadow: 0 0 5px #fef08a; }
        }

        .floating {
            animation: floating 4s ease-in-out infinite;
        }
        
        @keyframes floating {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            
        }
        
        header.scrolled {
            background: rgba(15, 12, 41, 0.8);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .fab-telegram, .fab-whatsapp {
            animation: pop-in 0.5s 0.2s ease-out forwards;
            opacity: 0;
            transform: scale(0.5);
        }

        .fab-whatsapp { animation-delay: 0.3s; }

        @keyframes pop-in {
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        .feature-box { transition: all 0.3s ease; }
        .feature-box:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .cta-glow {
            box-shadow: 0 0 40px rgba(167, 139, 250, 0.3);
            animation: cta-pulse 4s infinite ease-in-out;
        }

        @keyframes cta-pulse {
            0% { box-shadow: 0 0 40px rgba(167, 139, 250, 0.3); }
            50% { box-shadow: 0 0 60px rgba(167, 139, 250, 0.5); }
            100% { box-shadow: 0 0 40px rgba(167, 139, 250, 0.3); }
        }

        /* Animations for popups */
        .feed-fade-in { animation: feed-fade-in 0.5s ease-out forwards; }
        .feed-fade-out { animation: feed-fade-out 0.5s ease-in forwards; }
        @keyframes feed-fade-in {
            from { opacity: 0; transform: scale(0.9) translateY(10px); }
            to { opacity: 1; transform: scale(1) translateY(0); }
        }
        @keyframes feed-fade-out {
            from { opacity: 1; transform: scale(1) translateY(0); }
            to { opacity: 0; transform: scale(0.9) translateY(10px); }
        }
        
        /* New Pop-up Animation Styles */
        .small-popup-slide-in {
            animation: slideIn 0.6s ease-out forwards;
        }
        .small-popup-slide-out {
            animation: slideOut 0.6s ease-in forwards;
        }
        @keyframes slideIn {
            from { opacity: 0; transform: translateX(100%); }
            to { opacity: 1; transform: translateX(0); }
        }
        @keyframes slideOut {
            from { opacity: 1; transform: translateX(0); }
            to { opacity: 0; transform: translateX(100%); }
        }

        /* Animated SVG Icons */
        .animated-svg-box { animation: float 3s ease-in-out infinite; }
        .animated-svg-card { animation: swipe 3s ease-in-out infinite; }
        .animated-svg-plane { animation: fly 3s ease-in-out infinite; }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        @keyframes swipe {
            0%, 20%, 100% { transform: translateX(0); }
            50% { transform: translateX(15px); }
            80% { transform: translateX(-5px); }
        }
        @keyframes fly {
            0%, 100% { transform: translate(0, 0) rotate(0); }
            50% { transform: translate(10px, -10px) rotate(15deg); }
        }
        
        .animated-feed {
            animation: feed-pulse 2.5s infinite ease-in-out;
        }
        @keyframes feed-pulse {
            0%, 100% { box-shadow: 0 0 15px rgba(192, 132, 252, 0.4); border-color: rgba(192, 132, 252, 0.5); }
            50% { box-shadow: 0 0 25px rgba(192, 132, 252, 0.7); border-color: rgba(192, 132, 252, 1); }
        }

        /* Animation for feature cards */
        .feature-card {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.5s ease-out forwards;
        }
        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        .delay-4 { animation-delay: 0.4s; }
        .delay-5 { animation-delay: 0.5s; }
        .delay-6 { animation-delay: 0.6s; }

        /* Custom styles for the new modal/pop-up */
        .shadow-3xl {
            box-shadow: 0 0 50px rgba(167, 139, 250, 0.7);
        }

    </style>
</head>
<body class="antialiased">
    
    <div id="tsparticles"></div>
    
    <header id="main-header" class="sticky top-0 z-50 transition-all duration-300">
        <div id="offer-banner" class="hidden bg-yellow-400 text-gray-900 text-center py-2 font-semibold text-lg animate-pulse">
            🚨 FLASH SALE! Price Drop Alert! Today's prices are the lowest – Don't miss out! 🚨
        </div>
        <div class="container mx-auto px-4 py-4">
            <nav class="flex justify-between items-center">
                <a href="default.php" class="flex items-center space-x-3">
                    <div class="w-10 h-10 bg-white/20 rounded-full flex items-center justify-center">
                        <i class="fas fa-bolt text-violet-300 text-xl"></i>
                    </div>
                    <h1 class="text-2xl font-bold text-white">USDT FLOW</h1>
                </a>
                
                <div class="hidden md:flex items-center space-x-8 text-lg">
                    <a href="default.php" class="text-gray-300 hover:text-white transition-colors">Home</a>
                    <a href="#pricing" class="text-gray-300 hover:text-white transition-colors">Pricing</a>
                    <a href="#how-it-works" class="text-gray-300 hover:text-white transition-colors">How It Works</a>
                    <a href="Resale.html" class="text-gray-300 hover:text-white transition-colors">Resale</a>
                    <a href="About.html" class="text-gray-300 hover:text-white transition-colors">About</a>
                    <a href="Support.html" class="text-gray-300 hover:text-white transition-colors">Support</a>
                </div>
                <a href="#pricing" class="hidden md:inline-block bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-semibold py-2 px-6 rounded-full hover:opacity-90 transition-opacity">
                    Buy Now
                </a>

                <div class="md:hidden">
                    <button id="menu-btn" class="text-white focus:outline-none">
                        <i class="fas fa-bars text-2xl"></i>
                    </button>
                </div>
            </nav>
            <div id="mobile-menu" class="hidden md:hidden mt-4">
                <a href="default.php" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">Home</a>
                <a href="#pricing" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">Pricing</a>
                <a href="#how-it-works" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">How It Works</a>
                <a href="Resale.html" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">Resale</a>
                <a href="About.html" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">About</a>
                <a href="Support.html" class="block py-2 px-3 text-gray-300 hover:bg-white/10 rounded">Support</a>
                <a href="#pricing" class="block mt-2 text-center bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-semibold py-2 px-6 rounded-full hover:opacity-90 transition-opacity">
                    Buy Now
                </a>
            </div>
        </div>
    </header>
    
    <main>
        <section class="py-20 md:py-32 text-white overflow-hidden">
            <div class="container mx-auto px-4 text-center">
                <div class="floating mb-10">
                    <img src="logo.png" alt="Glowing digital Flash USDT coin" class="mx-auto w-40 h-40 md:w-64 md:h-64 flash-glow" />
                </div>
               
                <h1 class="text-4xl sm:text-5xl md:text-7xl font-extrabold mb-6 leading-tight">
                    Get <span class="gradient-text pulse-animation">Flash USDT</span> Instantly.
                </h1>
                <p class="text-lg md:text-2xl mb-10 max-w-3xl mx-auto text-gray-300">
                    We guarantee you to transfer your Flash USDT within 15 minutes.
                </p>
                <div class="glass-effect rounded-2xl p-6 max-w-md mx-auto border-2 border-violet-400/50 shadow-2xl">
                    <h2 class="text-3xl font-black text-fuchsia-400 mb-4 tracking-tighter uppercase italic">Today Price Drop</h2>
                
                    <div class="text-xl font-bold text-yellow-300 mb-2">Limited Time Offer And Buy With TRC20 And BEP20.</div>
                    <div id="countdown-timer" class="text-lg font-medium text-white">Offer ends in: 00:00:00</div>
                    <div class="text-lg text-white mt-2">Get 6000 Flash USDT</div>
                    <div class="text-4xl font-bold text-white mt-1 mb-6">Only $49</div>
                
                    <a href="default.php#pricing"
                        class="block w-full bg-gradient-to-r from-yellow-400 to-green-500 text-gray-900 font-extrabold py-3 px-8 rounded-full shadow-xl hover:opacity-90 transition-opacity cta-glow">
                        <i class="fas fa-hand-point-right mr-2"></i> CLAIM DEMO PLAN NOW
                    </a>
                </div>
                </div>
                </section>
        
        <section class="py-12">
             <div class="container mx-auto px-4">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center max-w-4xl mx-auto">
                    <div class="flex items-center justify-center gap-4">
                        <i class="fas fa-shipping-fast text-blue-300 text-3xl"></i>
                        <span class="text-lg font-semibold">Instant Delivery</span>
                    </div>
                    <div class="flex items-center justify-center gap-4">
                        <i class="fas fa-shield-halved text-green-300 text-3xl"></i>
                        <span class="text-lg font-semibold">Secure Payments</span>
                    </div>
                    <div class="flex items-center justify-center gap-4">
                        <i class="fas fa-headset text-purple-300 text-3xl"></i>
                        <span class="text-lg font-semibold">24/7 Support</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- How It Works Section -->
        <section id="how-it-works" class="py-16 md:py-24">
            <div class="container mx-auto px-4 text-center">
                <h2 class="text-3xl sm:text-4xl font-bold mb-12"> Get Your Flash USDT in 3 Easy Steps</h2>
                <div class="grid md:grid-cols-3 gap-10 max-w-5xl mx-auto">
                    <div class="flex flex-col items-center">
                        <div class="w-24 h-24 rounded-full glass-effect border border-violet-400/50 flex items-center justify-center mb-4">
                           <svg class="w-12 h-12 text-violet-300 animated-svg-box" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 10H3M21 14H3M21 18H3M21 6H3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </div>
                        <h3 class="text-2xl font-bold mb-2">1. Choose Package</h3>
                        <p class="text-gray-300">Select the amount of Flash USDT that's right for you.</p>
                    </div>
                    <div class="flex flex-col items-center">
                        <div class="w-24 h-24 rounded-full glass-effect border border-violet-400/50 flex items-center justify-center mb-4">
                             <svg class="w-12 h-12 text-violet-300 animated-svg-card" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 9.5H22M5 14.5H8M11 14.5H14M3 5.5H21C21.5523 5.5 22 5.94772 22 6.5V18.5C22 19.0523 21.5523 19.5 21 19.5H3C2.44772 19.5 2 19.0523 2 18.5V6.5C2 5.94772 2.44772 5.5 3 5.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </div>
                        <h3 class="text-2xl font-bold mb-2">2. Make Payment</h3>
                        <p class="text-gray-300">Pay securely with Pay BNB (BEP20) or USDT (TRC20).</p>
                    </div>
                    <div class="flex flex-col items-center">
                        <div class="w-24 h-24 rounded-full glass-effect border border-violet-400/50 flex items-center justify-center mb-4">
                             <svg class="w-12 h-12 text-violet-300 animated-svg-plane" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 2L11 13M22 2L15 22L11 13L2 9L22 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </div>
                        <h3 class="text-2xl font-bold mb-2">3. Receive Instantly</h3>
                        <p class="text-gray-300">Your Flash USDT is sent to your wallet in minutes.</p>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- Pricing Section -->
        <section id="pricing" class="py-16 md:py-24">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12">Choose Your USDT Flash Package</h2>
                <div class="grid md:grid-cols-3 gap-8">
                    <div class="price-card rounded-2xl p-8 flex flex-col justify-between text-center">
                        <div>
                            <div class="w-20 h-20 bg-blue-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-star text-blue-300 text-3xl"></i></div>
                            <h3 class="text-2xl font-bold mb-2">Demo Plan</h3>
                            <div class="text-5xl font-extrabold text-blue-300 mb-2">6,000</div>
                            <div class="text-gray-400 mb-4">Flash USDT</div>
                            <div class="text-3xl font-bold mb-2">$49</div>
                            <div class="text-sm text-gray-400 mt-2">Best for beginners</div>
                        </div>
                        <div class="mt-8 flex flex-col gap-3">
                            <a href="Demo_bnb.html" class="block w-full border-2 border-violet-400 text-violet-300 font-bold py-3 px-4 rounded-full hover:bg-violet-400 hover:text-white transition-colors">Pay BNB (BEP20)</a>
                            <a href="Demo_TRC20.html" class="block w-full bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-bold py-3 px-4 rounded-full hover:opacity-90 transition-opacity">Pay USDT (TRC20)</a>
                        </div>
                    </div>
                    <div class="price-card rounded-2xl p-8 relative flex flex-col justify-between text-center border-2 border-violet-400 transform md:scale-110">
                        <div class="absolute -top-4 left-1/2 transform -translate-x-1/2"><span class="bg-violet-500 text-white px-6 py-2 rounded-full text-sm font-semibold">Most Popular</span></div>
                        <div>
                            <div class="w-20 h-20 bg-purple-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-bolt text-purple-300 text-3xl"></i></div>
                            <h3 class="text-2xl font-bold mb-2">Popular Plan</h3>
                            <div class="text-5xl font-extrabold text-purple-300 mb-2">15,000</div>
                            <div class="text-gray-400 mb-4">Flash USDT</div>
                            <div class="text-3xl font-bold mb-2">$99</div>
                            <div class="text-sm text-gray-400 mt-2">Best value deal</div>
                        </div>
                        <div class="mt-8 flex flex-col gap-3">
                             <a href="Popular_bnb.html" class="block w-full border-2 border-violet-400 text-violet-300 font-bold py-3 px-4 rounded-full hover:bg-violet-400 hover:text-white transition-colors">Pay BNB (BEP20)</a>
                            <a href="Popular_TRC20.html" class="block w-full bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-bold py-3 px-4 rounded-full hover:opacity-90 transition-opacity">Pay USDT (TRC20)</a>
                        </div>
                    </div>
                    <div class="price-card rounded-2xl p-8 flex flex-col justify-between text-center">
                        <div>
                            <div class="w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-crown text-green-300 text-3xl"></i></div>
                            <h3 class="text-2xl font-bold mb-2">Premium Plan</h3>
                            <div class="text-5xl font-extrabold text-green-300 mb-2">50,000</div>
                            <div class="text-gray-400 mb-4">Flash USDT</div>
                            <div class="text-3xl font-bold mb-2">$300</div>
                            <div class="text-sm text-gray-400 mt-2">Maximum savings</div>
                        </div>
                       <div class="mt-8 flex flex-col gap-3">
                            <a href="Premium_bnb.html" class="block w-full border-2 border-violet-400 text-violet-300 font-bold py-3 px-4 rounded-full hover:bg-violet-400 hover:text-white transition-colors">Pay BNB (BEP20)</a>
                            <a href="Premium_TRC20.html" class="block w-full bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-bold py-3 px-4 rounded-full hover:opacity-90 transition-opacity">Pay USDT (TRC20)</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="today-proofs py-16">
    <h2 class="text-center text-3xl font-bold mb-8 text-white">Transaction Highlights</h2>
    <div class="slider-container">
        <div class="slider-track">
            <div class="proof-box"><img src="Screenshot/1.jpg" alt="Proof 1"></div>
            <div class="proof-box"><img src="Screenshot/2.jpg" alt="Proof 2"></div>
            <div class="proof-box"><img src="Screenshot/3.jpg" alt="Proof 3"></div>
            <div class="proof-box"><img src="Screenshot/4.jpg" alt="Proof 4"></div>
            <div class="proof-box"><img src="Screenshot/5.jpg" alt="Proof 5"></div>
            <div class="proof-box"><img src="Screenshot/6.jpg" alt="Proof 6"></div>
            <div class="proof-box"><img src="Screenshot/7.jpg" alt="Proof 7"></div>
            <div class="proof-box"><img src="Screenshot/8.jpg" alt="Proof 8"></div>
            <div class="proof-box"><img src="Screenshot/9.jpg" alt="Proof 9"></div>
            <div class="proof-box"><img src="Screenshot/10.jpg" alt="Proof 10"></div>
            <div class="proof-box"><img src="Screenshot/11.jpg" alt="Proof 11"></div>            
            <div class="proof-box"><img src="Screenshot/1.jpg" alt="Proof 1"></div>
            <div class="proof-box"><img src="Screenshot/2.jpg" alt="Proof 2"></div>
            <div class="proof-box"><img src="Screenshot/3.jpg" alt="Proof 3"></div>
            <div class="proof-box"><img src="Screenshot/4.jpg" alt="Proof 4"></div>
            <div class="proof-box"><img src="Screenshot/5.jpg" alt="Proof 5"></div>
            <div class="proof-box"><img src="Screenshot/6.jpg" alt="Proof 6"></div>
            <div class="proof-box"><img src="Screenshot/7.jpg" alt="Proof 7"></div>
            <div class="proof-box"><img src="Screenshot/8.jpg" alt="Proof 8"></div>
            <div class="proof-box"><img src="Screenshot/9.jpg" alt="Proof 9"></div>
            <div class="proof-box"><img src="Screenshot/10.jpg" alt="Proof 10"></div>
            <div class="proof-box"><img src="Screenshot/11.jpg" alt="Proof 11"></div>

        </div>
    </div>
    <p class="text-center text-gray-300 mt-6 max-w-2xl mx-auto">
        ✅ Every Day screenshots are updated with <strong>new proofs</strong>.<br>
        ✅ Instant Delivery with <strong>UPI & TRC20 Payments</strong>.
    </p>
</section>

<style>
/* Slider Container */
.slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 10px;
}

/* Slider Track */
.slider-track {
    display: flex;
    gap: 20px;
    animation: scroll 40s linear infinite;
    width: max-content;
}
.slider-container:hover .slider-track {
    animation-play-state: paused;
}

/* Proof Box */
.proof-box {
    flex: 0 0 auto;
    width: 250px; /* desktop width */
    height: 270px; /* maintain aspect ratio */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.proof-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Slider Animation */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Responsive for Mobile */
@media (max-width: 768px) {
    .proof-box {
        width: 180px;
        height: 200px;
    }
}
@media (max-width: 480px) {
    .proof-box {
        width: 140px;
        height: 160px;
    }
}
</style>
        
        
        <section class="py-16 md:py-24">
        <div class="container mx-auto px-4">
            <div
                class="glass-effect rounded-2xl p-10 md:p-16 text-center relative overflow-hidden border-2 border-violet-500/50 cta-glow">
                <h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold mb-4">
                    Buy Flash USDT Software!
                </h2>
                <p class="text-lg md:text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
                    Buy Flash Software with unlimited flash transfers. For more details,
                    please visit our Flash Software page.
                </p>
                <a href="Flash_Software.Html"
                    class="bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-bold py-3 px-8 md:py-4 md:px-10 rounded-full text-base md:text-lg hover:opacity-90 transition-opacity transform hover:scale-105 inline-block">
                    Buy Flash USDT Software
                </a>
            </div>
        </div>
    </section>
        
        <section class="py-16 md:py-24">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12">Why Choose Us?</h2>
                <div class="grid md:grid-cols-3 gap-8">
                    <div class="feature-box glass-effect rounded-xl p-8 text-center">
                        <div class="w-20 h-20 bg-violet-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-rocket text-3xl text-violet-300"></i></div>
                        <h3 class="text-2xl font-bold mb-3">Instant Transfers</h3>
                        <p class="text-gray-300">USDT delivered within 10-15 minutes.</p>
                    </div>
                    <div class="feature-box glass-effect rounded-xl p-8 text-center">
                        <div class="w-20 h-20 bg-teal-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-lock text-3xl text-teal-300"></i></div>
                        <h3 class="text-2xl font-bold mb-3">Trusted Platform</h3>
                        <p class="text-gray-300">Over 5,00,000+ satisfied buyers.</p>
                    </div>
                    <div class="feature-box glass-effect rounded-xl p-8 text-center">
                        <div class="w-20 h-20 bg-sky-500/20 rounded-full flex items-center justify-center mx-auto mb-4"><i class="fas fa-globe text-3xl text-sky-300"></i></div>
                        <h3 class="text-2xl font-bold mb-3">Global Access</h3>
                        <p class="text-gray-300">Use Flash USDT anywhere in the world.</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="py-16 md:py-24">
            <div class="container mx-auto px-4">
                <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12">Trusted by Users Worldwide</h2>
                <div class="grid md:grid-cols-3 gap-8">
                    <div class="glass-effect rounded-xl p-8">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/men/40.jpg" class="w-12 h-12 rounded-full mr-4" alt="User review avatar">
                            <div>
                                <h4 class="font-bold">Rohan S.</h4>
                                <div class="text-yellow-400"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                            </div>
                        </div>
                        <p class="text-gray-300">"The **best purchase** I've made. The **instant transfer** was unbelievably fast!"</p>
                    </div>
                    <div class="glass-effect rounded-xl p-8">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/women/48.jpg" class="w-12 h-12 rounded-full mr-4" alt="User review avatar">
                            <div>
                                <h4 class="font-bold">Priya P.</h4>
                                <div class="text-yellow-400"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
                            </div>
                        </div>
                        <p class="text-gray-300">"A great **purchase review** from me. The **instant purchasing** process is so simple and quick."</p>
                    </div>
                    <div class="glass-effect rounded-xl p-8">
                        <div class="flex items-center mb-4">
                            <img src="https://randomuser.me/api/portraits/men/52.jpg" class="w-12 h-12 rounded-full mr-4" alt="User review avatar">
                            <div>
                                <h4 class="font-bold">Sameer K.</h4>
                                <div class="text-yellow-400"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star-half-alt"></i></div>
                            </div>
                        </div>
                        <p class="text-gray-300">"I needed a fast transaction, and the **instant transfer** was perfect. **Best purchase** for sure."</p>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="py-16 md:py-24">
            <div class="container mx-auto px-4 max-w-5xl">
                <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12">Features of our Flash USDT</h2>
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-1">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="fas fa-exchange-alt"></i></div>
                        <h3 class="font-bold text-lg">Wallet to Wallet Transfer</h3>
                        <p class="text-gray-400 text-sm">Unlimited transfers</p>
                    </div>
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-2">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="far fa-calendar-alt"></i></div>
                        <h3 class="font-bold text-lg">Long Expiry</h3>
                        <p class="text-gray-400 text-sm">140 to 160 days</p>
                    </div>
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-3">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="fas fa-undo"></i></div>
                        <h3 class="font-bold text-lg">Resell to Us</h3>
                        <p class="text-gray-400 text-sm">Option to sell back your Flash</p>
                    </div>
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-4">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="fas fa-equals"></i></div>
                        <h3 class="font-bold text-lg">Equivalent to Real USDT</h3>
                        <p class="text-gray-400 text-sm">Functions just like real USDT</p>
                    </div>
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-5">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="fas fa-users"></i></div>
                        <h3 class="font-bold text-lg">P2P Compatible</h3>
                        <p class="text-gray-400 text-sm">Can be used in Peer-to-Peer</p>
                    </div>
                    <div class="glass-effect rounded-xl p-6 text-center feature-card delay-6">
                        <div class="w-16 h-16 bg-violet-500/20 text-violet-300 rounded-full flex items-center justify-center mx-auto mb-4 text-2xl"><i class="fas fa-chart-line"></i></div>
                        <h3 class="font-bold text-lg">Tradable</h3>
                        <p class="text-gray-400 text-sm">Use it on supported exchanges</p>
                    </div>
                </div>
                <p class="text-center mt-12 text-lg text-gray-300">Do you have any questions? We're here to help.</p>
            </div>
        </section>
 <!-- CTA Section -->
        <section class="py-16 md:py-24">
            <div class="container mx-auto px-4">
                <div class="glass-effect rounded-2xl p-10 md:p-16 text-center relative overflow-hidden border-2 border-violet-500/50 cta-glow">
                    <h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold mb-4">Ready to Get Started?</h2>
                    <p class="text-lg md:text-xl text-gray-300 mb-8 max-w-2xl mx-auto">Join thousands of users who trust USDT Flash for their instant digital transactions. Get your funds in minutes.</p>
                    <a href="#pricing" class="bg-gradient-to-r from-violet-500 to-fuchsia-500 text-white font-bold py-3 px-8 md:py-4 md:px-10 rounded-full text-base md:text-lg hover:opacity-90 transition-opacity transform hover:scale-105 inline-block">Buy Flash USDT Now</a>
                </div>
            </div>
        </section>

    </main>
    
    <footer class="bg-black/20 border-t border-white/10 pt-16 pb-8">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center md:text-left">
                <div class="md:col-span-2">
                    <div class="flex items-center justify-center md:justify-start space-x-3 mb-4">
                         <div class="w-10 h-10 bg-white/20 rounded-full flex items-center justify-center"><i class="fas fa-bolt text-violet-300 text-xl"></i></div>
                        <h1 class="text-2xl font-bold text-white">USDT FLOW</h1>
                    </div>
                    <p class="text-gray-400 max-w-md">The fastest digital currency for instant transactions. Secure, reliable, and built for the future of finance.</p>
                </div>
                <div>
                    <h4 class="font-bold text-white text-lg mb-4">Quick Links</h4>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Home</a></li>
                        <li><a href="#pricing" class="text-gray-400 hover:text-white transition-colors">Pricing</a></li>
                        <li><a href="#how-it-works" class="text-gray-400 hover:text-white transition-colors">How It Works</a></li>
                        <li><a href="Support.html" class="text-gray-400 hover:text-white transition-colors">Support</a></li>
                    </ul>
                </div>
            </div>
            <div class="mt-12 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-center">
                <p class="text-gray-500 mb-4 md:mb-0">&copy; 2025 USDT FLOW. All Rights Reserved.</p>
                <div class="flex space-x-6">
                    <a href="#" class="text-gray-400 hover:text-white transition-colors text-2xl"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="text-gray-400 hover:text-white transition-colors text-2xl"><i class="fab fa-telegram"></i></a>
                    <a href="#" class="text-gray-400 hover:text-white transition-colors text-2xl"><i class="fab fa-discord"></i></a>
                </div>
            </div>
        </div>
    </footer>

    
    <div id="transaction-feed" class="fixed bottom-5 left-5 w-60 max-w-[80vw] bg-gradient-to-br from-purple-600/60 to-indigo-700/60 backdrop-blur-md border border-purple-400/50 rounded-xl p-3 hidden animated-feed z-40">
        <div class="flex items-center gap-2">
            <div class="w-8 h-8 bg-green-500 text-white rounded-full flex items-center justify-center flex-shrink-0 animate-pulse"><i class="fas fa-check text-sm"></i></div>
            <div>
                <p class="font-bold text-white text-sm">New Purchase!</p>
                <p id="transaction-details" class="text-xs text-gray-200"></p>
            </div>
        </div>
    </div>
    
  
   
    <script src="https://cdn.jsdelivr.net/npm/tsparticles@2.12.0/tsparticles.bundle.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Header scroll effect
            const header = document.getElementById('main-header');
            if (header) {
                window.addEventListener('scroll', () => {
                    if (window.scrollY > 50) {
                        header.classList.add('scrolled');
                    } else {
                        header.classList.remove('scrolled');
                    }
                });
            }

            // Mobile Menu Toggle
            const menuBtn = document.getElementById('menu-btn');
            const mobileMenu = document.getElementById('mobile-menu');
            if (menuBtn && mobileMenu) {
                menuBtn.addEventListener('click', () => {
                    mobileMenu.classList.toggle('hidden');
                });
            }

            // Countdown Timer Logic
            const countdownTimer = document.getElementById('countdown-timer');
            if (countdownTimer) {
                function startTimer() {
                    const now = new Date();
                    const endOfDay = new Date(now);
                    endOfDay.setHours(23, 59, 59, 999);
                    
                    const timeRemaining = endOfDay - now;

                    const hours = Math.floor((timeRemaining / (1000 * 60 * 60)) % 24).toString().padStart(2, '0');
                    const minutes = Math.floor((timeRemaining / 1000 / 60) % 60).toString().padStart(2, '0');
                    const seconds = Math.floor((timeRemaining / 1000) % 60).toString().padStart(2, '0');
                    
                    countdownTimer.textContent = `Offer ends in: ${hours}:${minutes}:${seconds}`;
                }
                setInterval(startTimer, 1000);
                startTimer();
            }

            // Live Transaction Feed Logic
            const transactionFeed = document.getElementById('transaction-feed');
            const transactionDetails = document.getElementById('transaction-details');
            if (transactionFeed && transactionDetails) {
                const transactions = [
                    { location: 'Mumbai, IN', amount: '6,000 Flash USDT' },
                    { location: 'Delhi, IN', amount: '15,000 Flash USDT' },
                    { location: 'Bangalore, IN', amount: '50,000 Flash USDT' },
                    { location: 'Kolkata, IN', amount: '50,000 Flash USDT' },
                    { location: 'Dubai, UAE', amount: '30,000 Flash USDT' },
                    { location: 'Abu Dhabi, UAE', amount: '50,000 Flash USDT' },
                    { location: 'Doha, Qatar', amount: '6,000 Flash USDT' },
                    { location: 'Chennai, IN', amount: '15,000 Flash USDT' },
                    { location: 'Hyderabad, IN', amount: '6,000 Flash USDT' },
                    { location: 'Pune, IN', amount: '15,000 Flash USDT' },
                    { location: 'Ahmedabad, IN', amount: '50,000 Flash USDT' },
                    { location: 'Jaipur, IN', amount: '6,000 Flash USDT' },
                    { location: 'Lucknow, IN', amount: '50,000 Flash USDT' },
                    { location: 'London, UK', amount: '50,000 Flash USDT' },
                    { location: 'New York, USA', amount: '50,000 Flash USDT' },
                    { location: 'Los Angeles, USA', amount: '6,000 Flash USDT' },
                    { location: 'Toronto, Canada', amount: '15,000 Flash USDT' },
                    { location: 'Sydney, Australia', amount: '50,000 Flash USDT' },
                    { location: 'Singapore, SG', amount: '6,000 Flash USDT' },
                    { location: 'Berlin, Germany', amount: '50,000 Flash USDT' },
                    { location: 'Paris, France', amount: '15,000 Flash USDT' },
                    { location: 'Hong Kong, HK', amount: '6,000 Flash USDT' },
                    { location: 'Bangkok, Thailand', amount: '6,000 Flash USDT' },
                    { location: 'Cape Town, South Africa', amount: '50,000 Flash USDT' }
                ];

                function showRandomTransaction() {
                    const randomTransaction = transactions[Math.floor(Math.random() * transactions.length)];
                    transactionDetails.innerHTML = `Someone from <strong>${randomTransaction.location}</strong> just purchased <strong>${randomTransaction.amount}</strong>.`;
                    
                    transactionFeed.classList.remove('hidden', 'feed-fade-out');
                    transactionFeed.classList.add('feed-fade-in');
                    
                    setTimeout(() => {
                        transactionFeed.classList.remove('feed-fade-in');
                        transactionFeed.classList.add('feed-fade-out');
                    }, 4000); // Show for 4 seconds
                }
                setInterval(showRandomTransaction, 6000); // Show a new one every 6 seconds
                setTimeout(showRandomTransaction, 3000); // Initial delay
            }
            
            // --- NEW CODE BLOCK FOR 5-SECOND DELAY OFFER ---
            const offerBanner = document.getElementById('offer-banner');
            const smallOfferPopup = document.getElementById('small-offer-popup');
            const closeSmallPopupBtn = document.getElementById('close-small-popup');

            // Function to show the banner and small pop-up after 5 seconds
            setTimeout(() => {
                if (offerBanner) {
                    offerBanner.classList.remove('hidden');
                }
                if (smallOfferPopup) {
                    smallOfferPopup.classList.remove('hidden');
                    // Use the slide-in class for animation
                    smallOfferPopup.classList.add('small-popup-slide-in');
                }
            }, 5000); // 5000 milliseconds = 5 seconds

            // Close small pop-up functionality
            if (closeSmallPopupBtn && smallOfferPopup) {
                closeSmallPopupBtn.addEventListener('click', () => {
                    // Remove slide-in and add slide-out class for animation
                    smallOfferPopup.classList.remove('small-popup-slide-in');
                    smallOfferPopup.classList.add('small-popup-slide-out');
                    
                    // Hide after animation completes
                    setTimeout(() => {
                        smallOfferPopup.classList.add('hidden');
                        smallOfferPopup.classList.remove('small-popup-slide-out');
                    }, 600); 
                });
            }
            // --- END NEW CODE BLOCK ---
            
        });

        // tsParticles configuration
        tsParticles.load("tsparticles", {
            fpsLimit: 60,
            interactivity: {
                events: {
                    onHover: { enable: true, mode: "repulse" },
                    resize: true,
                },
                modes: {
                    repulse: { distance: 100, duration: 0.4 },
                },
            },
            particles: {
                color: { value: ["#a78bfa", "#fbc2eb", "#89f7fe", "#fef08a", "#d3bcf2"] },
                links: { color: "#ffffff", distance: 150, enable: true, opacity: 0.1, width: 1 },
                collisions: { enable: true },
                move: {
                    direction: "none",
                    enable: true,
                    outModes: { default: "bounce" },
                    random: false,
                    speed: 1,
                    straight: false,
                },
                number: {
                    density: { enable: true, area: 800 },
                    value: 80,
                },
                opacity: { value: 0.2 },
                shape: { type: "circle" },
                size: { value: { min: 1, max: 5 } },
            },
            detectRetina: true,
        });
    </script>
    
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"9e0ea3a22c294cfd9c4dc8f9109cd2cc","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>