
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Redbull Channel</title>

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<!-- 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', '33044348481875436');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=33044348481875436&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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', '33044348481875436');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=33044348481875436&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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', '33044348481875436');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=33044348481875436&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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', '33044348481875436');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=33044348481875436&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- 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', '33044348481875436');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=33044348481875436&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<style>
/* ===== RESET ===== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    touch-action:manipulation;
    font-family:'Montserrat',sans-serif;
}

/* ===== BODY ===== */
body{
    background: radial-gradient(circle at top,#0f2027,#000000 70%);
    color:#E5E7EB;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
}

/* ===== FIXED ANIMATED BACKGROUND (NO ZOOM ISSUE) ===== */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: radial-gradient(circle,#2AABEE22 2px,transparent 2px);
    background-size:40px 40px;
    animation: moveBg 20s linear infinite;
    z-index:-1;
}

@keyframes moveBg{
    from{transform:translate(0,0);}
    to{transform:translate(-200px,-200px);}
}

/* ===== MAIN CONTAINER ===== */
.container{
    width:100%;
    max-width:420px;
    padding:35px 25px;
    text-align:center;
    backdrop-filter: blur(20px);
    background: rgba(15,25,35,0.85);
    border-radius:20px;
    border:1px solid rgba(42,171,238,0.4);
    box-shadow:0 0 40px rgba(42,171,238,0.2);
    animation:fadeUp 1s ease forwards;
}

@keyframes fadeUp{
    from{opacity:0;transform:translateY(40px);}
    to{opacity:1;transform:translateY(0);}
}

/* ===== IMAGES FIX ===== */
img{
    max-width:100%;
    height:auto;
    display:block;
}

/* ===== LOGO ===== */
.logo img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 20px;
    border:2px solid #2AABEE;
    box-shadow:0 0 25px rgba(42,171,238,0.6);
    animation:float 3s ease-in-out infinite;
}

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

/* ===== TEXT ===== */
h1{
    font-size:24px;
    font-weight:800;
    color:#2AABEE;
    margin-bottom:8px;
    text-shadow:0 0 15px rgba(42,171,238,0.8);
}

p{
    font-size:13px;
    color:#9CA3AF;
    margin-bottom:25px;
    line-height:1.6;
}

/* ===== BUTTON ===== */
.btn{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:16px;
    border-radius:14px;
    font-weight:800;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
    background:linear-gradient(90deg,#2AABEE,#00F0FF);
    color:#000;
    box-shadow:0 0 25px #2AABEE;
    transition:0.3s;
    margin-bottom:20px;
}

.btn:hover{
    transform:scale(1.05);
    box-shadow:0 0 40px #00F0FF;
}

/* ===== SLIDER ===== */
.slider-wrapper{
    overflow:hidden;
    border-radius:15px;
    margin:20px 0;
    border:1px solid #1f2937;
}

.slider-track{
    display:flex;
    transition:transform 0.5s ease;
}

.slider-track img{
    width:100%;
    flex-shrink:0;
    border-radius:15px;
}

/* ===== DOTS ===== */
.slider-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:10px;
}

.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#374151;
}

.dot.active{
    background:#2AABEE;
}

/* ===== INFO BOX ===== */
.info-box{
    background:#0f172a;
    border:1px solid #1f2937;
    border-radius:15px;
    padding:15px;
    margin-top:20px;
}

.info-row{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid #1f2937;
}

.info-row:last-child{
    border-bottom:none;
}

.info-row span{
    font-size:12px;
    color:#9CA3AF;
}

.info-row b{
    color:#00F0FF;
    font-weight:800;
}

/* ===== FOOTER ===== */
.footer-text{
    font-size:10px;
    color:#6B7280;
    margin-top:15px;
}

/* Live Join Popup */
.live-join{
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%) translateY(120%);
    background: rgba(10,15,25,0.95);
    border: 1px solid #00F0FF;
    backdrop-filter: blur(10px);
    padding: 12px 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0 20px rgba(0,240,255,0.5);
    transition: 0.5s ease;
    z-index: 9999;
    max-width: 90%;
}

.live-join.show{
    transform: translateX(-50%) translateY(0);
}

.live-icon{
    color:#00F0FF;
    font-size:18px;
}

.live-text{
    font-size:13px;
    color:#E5E7EB;
}

.live-text b{
    color:#00F0FF;
}
</style>
</head>

<body>
<!-- Live Join Notification -->
<div class="live-join" id="liveJoin">
    <div class="live-icon">
        <i class="fas fa-user-astronaut"></i>
    </div>
    <div class="live-text">
        <b id="liveName">Rahul</b> from 
        <span id="liveCity">Mumbai</span> just joined ðŸš€
    </div>
</div>
<div class="container">

    <div class="logo">
       <a href="https://telegram.me/+7KYp8CLIAoFmNzZl"  ><img src="logoavi.png" alt="Redbull Logo"> </a> 
    </div>

    <h1>Redbull Hack Bot</h1>
    <p>Join our Telegram channel for working predictions and live winning signals.</p>

    <a href="https://telegram.me/+7KYp8CLIAoFmNzZl" class="btn">
        <i class="fab fa-telegram-plane"></i>
        Join Telegram Free
    </a>

    <div class="slider-wrapper">
        <div class="slider-track" id="sliderTrack">
            <img src="red1.jpg">
            <img src="red2.jpg">
            <img src="red3.jpg">
        </div>
    </div>

    <div class="slider-dots">
        <span class="dot active"></span>
        <span class="dot"></span>
        <span class="dot"></span>
    </div>

    <div class="info-box">
        <div class="info-row">
            <span>Minimum Bet</span>
            <b>10 â‚¹</b>
        </div>
        <div class="info-row">
            <span>Minimum Deposit</span>
            <b>500 â‚¹</b>
        </div>
        <div class="info-row">
            <span>Minimum Withdrawal</span>
            <b>510 â‚¹</b>
        </div>
    </div>

    <div class="footer-text">
        Â© 2026 Redbull Channel â€¢ Play responsibly â€¢ 18+
    </div>

</div>

<script>
let curSlide = 0;
const track = document.getElementById('sliderTrack');
const dots = document.querySelectorAll('.dot');
const totalSlides = dots.length;

setInterval(()=>{
    curSlide = (curSlide + 1) % totalSlides;
    track.style.transform = `translateX(-${curSlide * 100}%)`;
    dots.forEach(d=>d.classList.remove('active'));
    dots[curSlide].classList.add('active');
},3000);
</script>
<script>
const names = [
"Rahul","Amit","Vikas","Rohit","Arjun","Sanjay","Sonu",
"Deepak","Karan","Ankit","Manish","Vivek","Mohit","Aditya"
];

const cities = [
"Mumbai","Delhi","Jaipur","Lucknow",
"Hyderabad","Pune","Surat","Kolkata","GOa",
"Ahmedabad","Bangalore"
];

const liveBox = document.getElementById("liveJoin");
const liveName = document.getElementById("liveName");
const liveCity = document.getElementById("liveCity");

function showLiveJoin(){
    const randomName = names[Math.floor(Math.random()*names.length)];
    const randomCity = cities[Math.floor(Math.random()*cities.length)];
    
    liveName.innerText = randomName;
    liveCity.innerText = randomCity;
    
    liveBox.classList.add("show");

    setTimeout(()=>{
        liveBox.classList.remove("show");
    },3000);
}

setInterval(()=>{
    showLiveJoin();
},5500);

// First show after 3 sec
setTimeout(showLiveJoin,3000);
</script>

<script>
let startTime = Date.now();
let joinClicked = "No";

// Generate simple unique user id
let userId = localStorage.getItem("user_id");
if (!userId) {
    userId = "UID-" + Date.now() + "-" + Math.floor(Math.random() * 10000);
    localStorage.setItem("user_id", userId);
}

document.querySelector('.btn').addEventListener('click', function(){
    joinClicked = "Yes";
});

window.addEventListener("beforeunload", function () {
    let timeSpent = Math.floor((Date.now() - startTime) / 1000);

    navigator.sendBeacon("userdetail3.php", JSON.stringify({
        user_id: userId,
        screen: screen.width + "x" + screen.height,
        referrer: document.referrer,
        time_spent: timeSpent,
        clicked: joinClicked
    }));
});
</script>
</body>
</html>