.elementor-1515 .elementor-element.elementor-element-d668e2c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-6ff898d */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Dream 11 Come Back</title>

<canvas id="stars"></canvas>

<style>

*{margin:0;padding:0;box-sizing:border-box;}

body{
background:#050510;
color:white;
font-family:'Poppins',sans-serif;
overflow-x:hidden;
}

canvas{
position:fixed;
top:0;
left:0;
z-index:-1;
}

.wrapper{
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:30px 20px 60px;
}

.logo{
font-size:2.3rem;
font-weight:800;
color:#00f0ff;
letter-spacing:3px;
margin-bottom:10px;
text-shadow:0 0 10px #00f0ff,0 0 25px #00f0ff;
}

.tagline{
font-size:0.9rem;
opacity:0.9;
margin-bottom:25px;
max-width:90%;
line-height:1.5;
}

.cta{
padding:16px 50px;
font-size:1rem;
font-weight:600;
border-radius:50px;
background:#00f0ff;
color:#000;
text-decoration:none;
display:inline-block;
margin-bottom:35px;
animation:pulse 1.2s infinite;
box-shadow:0 0 12px #00f0ff,0 0 35px #00f0ff;
}

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

.feature-box{
width:100%;
max-width:450px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(0,240,255,0.4);
border-radius:18px;
padding:20px;
backdrop-filter:blur(8px);
margin-bottom:35px;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
text-align:left;
}

.item h3{
color:#00f0ff;
font-size:0.95rem;
margin-bottom:5px;
}

.item p{
font-size:0.8rem;
opacity:0.75;
line-height:1.4;
}

/* WINNER IMAGE SLIDER */

.winner-slider{
width:100%;
max-width:450px;
height:260px;
overflow:hidden;
border-radius:15px;
margin-bottom:30px;
}

.winner-slider img{
width:100%;
height:100%;
object-fit:cover;
display:none;
}

.winner-slider img.active{
display:block;
}

/* FEEDBACK */

.feedback-section{
width:100%;
max-width:450px;
}

.feedback-title{
text-align:center;
color:#00f0ff;
margin-bottom:15px;
letter-spacing:2px;
font-size:0.95rem;
}

.slider{
position:relative;
height:85px;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
opacity:0;
transform:translateX(100%);
transition:0.6s ease;
font-size:0.85rem;
background:rgba(255,255,255,0.05);
padding:12px 15px;
border-radius:12px;
}

.slide.active{
opacity:1;
transform:translateX(0);
}

.slide.exit{
opacity:0;
transform:translateX(-100%);
}

.slide span{
color:#00ff66;
font-weight:600;
}

footer{
margin-top:35px;
font-size:0.75rem;
letter-spacing:1px;
color:#00f0ff;
opacity:0.9;
}

</style>

</head>

<body>

<div class="wrapper">

<div class="logo">Dream 11 Come Back</div>

<div class="tagline">
आज की Dream11 टीम, Pitch Report, Player Form और Captain-Vice Captain की पूरी जानकारी मैच से पहले Telegram पर दी जाती है।
</div>

<a class="cta" href="https://t.me/+HhjA0JzAVWQ5NmQ1" target="_blank">
JOIN FREE TELEGRAM
</a>

<!-- WINNER SCREENSHOT SLIDER -->

<div class="winner-slider">
<img src="win1.jpg" class="active">
<img src="win2.jpg">
<img src="win3.jpg">
<img src="win4.jpg">
</div>

<div class="feature-box">

<div class="grid">

<div class="item">
<h3>🏏 Dream11 Teams</h3>
<p>Daily updated fantasy teams before match deadline.</p>
</div>

<div class="item">
<h3>📊 Player Stats</h3>
<p>Pitch report aur player form analysis.</p>
</div>

<div class="item">
<h3>⚡ Fast Update</h3>
<p>Final team before toss.</p>
</div>

<div class="item">
<h3>👥 Community</h3>
<p>Thousands of fantasy players already joined.</p>
</div>

</div>

</div>

<div class="feedback-section">

<div class="feedback-title">WINNER FEEDBACK</div>

<div class="slider">

<div class="slide active">
Rohit – Delhi <br>
<span>₹10,00,000</span> Dream11 contest winning
</div>

<div class="slide">
Aman – Jaipur <br>
<span>₹50,00,000</span> mega contest hit
</div>

<div class="slide">
Faizan – Hyderabad <br>
<span>₹1,20,00,000</span> grand league winning
</div>

<div class="slide">
Manish – Rajasthan <br>
<span>₹2,40,00,000</span> captain pick perfect
</div>

<div class="slide">
Aditya – Punjab <br>
<span>₹5,00,00,000</span> mega jackpot win
</div>

</div>

</div>

<footer>
© Dream 11 Come Back — All Rights Reserved
</footer>

</div>

<script>

/* STAR BACKGROUND */

const canvas=document.getElementById("stars");
const ctx=canvas.getContext("2d");

function resize(){
canvas.width=window.innerWidth;
canvas.height=window.innerHeight;
}

resize();
window.addEventListener("resize",resize);

let stars=[];

for(let i=0;i<120;i++){
stars.push({
x:Math.random()*canvas.width,
y:Math.random()*canvas.height,
r:Math.random()*1.8,
speed:Math.random()*0.4+0.1
});
}

function animate(){

ctx.clearRect(0,0,canvas.width,canvas.height);

ctx.fillStyle="#00f0ff";

stars.forEach(s=>{

ctx.beginPath();
ctx.arc(s.x,s.y,s.r,0,Math.PI*2);
ctx.fill();

s.y+=s.speed;

if(s.y>canvas.height){
s.y=0;
s.x=Math.random()*canvas.width;
}

});

requestAnimationFrame(animate);

}

animate();


/* FEEDBACK SLIDER */

const slides=document.querySelectorAll('.slide');
let index=0;

setInterval(()=>{

slides[index].classList.remove('active');
slides[index].classList.add('exit');

setTimeout(()=>{
slides[index].classList.remove('exit');
},600);

index=(index+1)%slides.length;

slides[index].classList.add('active');

},3000);


/* WINNER IMAGE SLIDER */

const imgs=document.querySelectorAll('.winner-slider img');
let imgIndex=0;

setInterval(()=>{

imgs[imgIndex].classList.remove('active');

imgIndex=(imgIndex+1)%imgs.length;

imgs[imgIndex].classList.add('active');

},2500);

</script>

</body>
</html>/* End custom CSS */