*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#fff;
color:#333;
line-height:1.7;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.hero{
padding:80px 0;
background:linear-gradient(
135deg,
#fff8fa,
#ffeaf2
);
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.hero-image img{
width:100%;
max-width:500px;
display:block;
margin:auto;
}

.badge{
display:inline-block;
background:#ffedf5;
color:#d84d7d;
padding:10px 18px;
border-radius:50px;
font-weight:600;
margin-bottom:20px;
}

h1{
font-size:58px;
line-height:1.1;
margin-bottom:20px;
color:#212121;
}

.subheadline{
font-size:18px;
margin-bottom:30px;
}

.price-box{
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
margin-bottom:20px;
}

.old-price{
text-decoration:line-through;
color:#999;
}

.price-box h2{
font-size:55px;
color:#e94e87;
}

.cta-btn{
display:inline-block;
background:#e94e87;
color:white;
padding:18px 35px;
border-radius:12px;
font-weight:700;
text-decoration:none;
margin-top:20px;
}

.cta-btn:hover{
transform:translateY(-2px);
}

section{
padding:80px 0;
}

h2{
text-align:center;
margin-bottom:50px;
font-size:40px;
}

.benefit-grid,
.facts-grid,
.testimonial-grid,
.delivery-grid,
.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.benefit-card,
.fact-card,
.testimonial,
.step{
background:white;
padding:30px;
border-radius:18px;
box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.testimonials{
background:#fff6f9;
}

.final-cta{
background:#e94e87;
color:white;
text-align:center;
}

.final-cta .cta-btn{
background:white;
color:#e94e87;
}

.whatsapp-float{
position:fixed;
right:20px;
bottom:20px;
background:#25D366;
color:white;
padding:18px 28px;
border-radius:50px;
font-weight:700;
text-decoration:none;
z-index:999;
box-shadow:0 8px 25px rgba(0,0,0,.2);
}

#countdown{
font-size:22px;
font-weight:700;
color:#d62828;
margin-top:15px;
}

@media(max-width:768px){

.hero-grid,
.benefit-grid,
.facts-grid,
.testimonial-grid,
.delivery-grid,
.steps{
grid-template-columns:1fr;
}

h1{
font-size:38px;
}

h2{
font-size:30px;
}

.hero{
text-align:center;
}

}