*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#fff;color:#0f172a;overflow-x:hidden}

/* HEADER */
header{
position:fixed;
width:100%;
background:rgba(7,38,105,0.95);
backdrop-filter:blur(12px);
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 8%;
z-index:1000;
}
header img{height:80px}
nav a{text-decoration:none;margin-left:30px;color:#fff;font-weight:500}

/* HERO */
.hero{
height:100vh;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:0 10%;
color:#fff;
}
.hero-video{
position:absolute;width:100%;height:100%;
object-fit:cover;z-index:-2;
}
.overlay{
position:absolute;width:100%;height:100%;
background:rgba(0,0,0,0.65);z-index:-1;
}
.hero h1{font-size:3rem;font-weight:700}
.hero p{margin:25px 0;font-size:1.2rem;max-width:650px;margin-left:auto;margin-right:auto}
.cta-btn{
background:#22c55e;
padding:16px 36px;
border-radius:40px;
text-decoration:none;
color:#fff;
font-weight:600;
transition:.3s;
display:inline-block;
box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.cta-btn:hover{transform:scale(1.05);background:#107735}

/* ONLINE COUNTER */
.online-box{
margin-top:20px;
font-size:.95rem;
opacity:.9;
}

/* SECTION */
section{padding:120px 8%}

/* HISTÓRIA */
.historia{
background:linear-gradient(135deg,#0c2355,#0b2c7a);
color:#fff;
}
.historia-container{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:80px;
align-items:center;
}
.historia-destaque{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(15px);
padding:50px;
border-radius:25px;
box-shadow:0 25px 70px rgba(0,0,0,.35);
}
.historia-destaque ul{list-style:none;margin-top:20px}
.historia-destaque li{margin-bottom:15px}

/* CONTADOR ECONOMIA */
.contador{
background:#f8fafc;
text-align:center;
}
.numero{
font-size:3rem;
font-weight:700;
color:#205935;
margin:20px 0;
}

/* PROVA SOCIAL */
.prova-social{
background:#f1f5f9;
text-align:center;
}
.cards{
display:flex;
gap:30px;
flex-wrap:wrap;
justify-content:center;
margin-top:40px;
}
.card{
background:#fff;
padding:30px;
border-radius:20px;
max-width:320px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.estrelas{color:#facc15;margin-bottom:15px}

/* CADASTUR */
.cadastur{
background:#fff;
text-align:center;
}
.cadastur img{
width:180px;
margin:25px 0;
transition:.4s;
}
.cadastur img:hover{transform:scale(1.05)}

/* CONVERSÃO FINAL */
.conversao{
background:linear-gradient(135deg,#0c2355,#0b2c7a);
color:#fff;
text-align:center;
}

/* FOOTER */
footer{
background:#0b1a3a;
color:#fff;
text-align:center;
padding:60px 8%;
}

/* WHATSAPP */
.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
width:60px;height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:26px;
text-decoration:none;
box-shadow:0 10px 30px rgba(0,0,0,.3);
transition:.3s;
z-index:1000;
}
.whatsapp-float:hover{transform:scale(1.1)}

@media(max-width:900px){
.historia-container{grid-template-columns:1fr;gap:60px}
.hero h1{font-size:2rem}
}



/* HISTÓRIA */
.historia{
background:linear-gradient(135deg,#0c2355,#0b2c7a);
color:#fff;
position:relative;
overflow:hidden;
}

.historia-container{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:80px;
align-items:center;
}

.historia-destaque{
background:rgba(255,255,255,0.08);
backdrop-filter:blur(15px);
padding:50px;
border-radius:25px;
box-shadow:0 25px 70px rgba(0,0,0,.35);
position:relative;
overflow:hidden;
transition:.6s;
transform:translateY(40px);
opacity:0;
}

/* Animação ao aparecer */
.historia-destaque.ativo{
transform:translateY(0);
opacity:1;
}

/* Mascote flutuando */
.mascote-card{
position:absolute;
right:-30px;
bottom:-20px;
width:250px;
animation:flutuar 4s ease-in-out infinite;
}

@keyframes flutuar{
0%{transform:translateY(0px);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0px);}
}

.historia-destaque ul{
list-style:none;
margin-top:20px;
position:relative;
z-index:2;
}

.historia-destaque li{
margin-bottom:15px;
}

/* ============================= */
/* HISTORIA RESPONSIVO MOBILE */
/* ============================= */

@media (max-width: 900px){

.historia-container{
grid-template-columns:1fr;
gap:40px;
}

.historia-texto{
text-align:center;
}

.historia-texto h2{
font-size:1.6rem;
}

.historia-texto p{
font-size:0.95rem;
line-height:1.6;
}

.historia-destaque{
padding:30px 20px;
text-align:left;
}

.historia-destaque h3{
text-align:center;
margin-bottom:20px;
}

.historia-destaque ul{
padding-left:0;
}

.historia-destaque li{
font-size:0.95rem;
line-height:1.5;
}

/* Mascote centralizado no mobile */
.mascote-card{
position:relative;
right:auto;
bottom:auto;
display:block;
margin:25px auto 0 auto;
width:120px;
}

}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 1000;
    transition: 0.3s;
}

.whatsapp-float img {
    width: 35px;
    height: 35px;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}