/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* VARIÁVEIS */

:root{

--cor-primaria:#00e5ff;
--cor-fundo:#020617;
--cor-card:#0f172a;
--cor-texto:#e2e8f0;

}

/* BASE */

body{
background:var(--cor-fundo);
color:var(--cor-texto);
font-family:Arial, Helvetica, sans-serif;
}

/* ============================= */
/* NAVBAR */
/* ============================= */


#navbar{

position:fixed;
top:0;
left:0;
width:100%;

z-index:999;

background:rgba(2,6,23,0.9);
backdrop-filter:blur(6px);

transition:all 0.3s ease;

}
/* ============================= */
/* BOTÃO NAVBAR */
/* ============================= */

.nav-action{
display:none;
}

/* botão */

.nav-action a{

background:#39ff14;

color:#020617;

padding:10px 18px;

border-radius:8px;

font-size:14px;
font-weight:600;

text-decoration:none;

box-shadow:
0 0 8px #39ff14,
0 0 18px rgba(57,255,20,0.5);

transition:all .25s;

}

/* hover neon */

.nav-action a:hover{

transform:translateY(-2px);

box-shadow:
0 0 10px #39ff14,
0 0 25px #39ff14;

}

/* ============================= */
/* DESKTOP */
/* ============================= */

@media(min-width:1024px){

.nav-action{

display:block;

margin-left:20px;

}

}
.nav-container{

display:flex;
align-items:center;
justify-content:space-between;

gap:20px;

}
/* NAVBAR SCROLL */

#navbar.scrolled{

background:rgba(2,6,23,0.95);

box-shadow:0 5px 20px rgba(0,0,0,0.4);

}

/* ============================= */
/* CONTAINER */
/* ============================= */

.nav-container{

display:flex;
align-items:center;
justify-content:space-between;

padding:18px 20px;

max-width:1200px;
margin:auto;

}

/* ============================= */
/* LOGO */
/* ============================= */

.logo h1{

font-size:18px;
font-weight:800;
letter-spacing:1px;

color:white;

text-shadow:
0 0 5px white,
0 0 10px white;

}

.logo span{

color:#3affb0;

text-shadow:
0 0 5px #39ff14,
0 0 10px #39ff14,
0 0 20px #39ff14;

animation:neonPulse 2s infinite alternate;

}

@keyframes neonPulse{

from{
text-shadow:0 0 5px #3affb0;
}

to{
text-shadow:
0 0 10px #3affb0,
0 0 25px #3affb0;
}

}

/* ============================= */
/* HAMBURGER */
/* ============================= */

.menu-toggle{

width:30px;
height:22px;

display:flex;
flex-direction:column;
justify-content:space-between;

cursor:pointer;

z-index:1001;

}

.menu-toggle span{

height:3px;
width:100%;

background:#3affb0;

border-radius:3px;

transition:0.35s;

box-shadow:0 0 10px #3affb0;

}

/* HAMBURGER -> X */

.menu-toggle.active span:nth-child(1){

transform:rotate(45deg) translate(5px,5px);

}

.menu-toggle.active span:nth-child(2){

opacity:0;

}

.menu-toggle.active span:nth-child(3){

transform:rotate(-45deg) translate(6px,-6px);

}

/* ============================= */
/* MENU LATERAL */
/* ============================= */

.nav-links{

position:fixed;

top:0;
right:-100%;

width:55%;
height:100vh;

display:flex;
flex-direction:column;
justify-content:center;

gap:28px;

padding:40px;

list-style:none;

/* glass effect */

background:rgba(2,6,23,0.7);
backdrop-filter:blur(14px);

border-left:1px solid rgba(255,255,255,0.08);

transition:0.45s cubic-bezier(.77,0,.18,1);

}

/* MENU ABERTO */

.nav-links.active{

right:0;

}

/* ============================= */
/* LINKS */
/* ============================= */

.nav-links a{

position:relative;

font-size:20px;
color:white;

text-decoration:none;

transition:0.2s;

padding:8px 0;

}

/* NEON HOVER */

.nav-links a:hover{

color:#3affb0;

text-shadow:
0 0 5px #3affb0,
0 0 15px #3affb0;

}

/* RIPPLE EFFECT */

.nav-links a::after{

content:"";

position:absolute;

left:0;
bottom:-4px;

width:0;
height:2px;

background:#3affb0;

box-shadow:0 0 10px #3affb0;

transition:0.3s;

}

.nav-links a:hover::after{

width:100%;

}

/* ============================= */
/* DESKTOP */
/* ============================= */

@media(min-width:1024px){

.menu-toggle{
display:none;
}

.nav-links{

position:static;

flex-direction:row;

height:auto;
width:auto;

padding:0;

background:none;
backdrop-filter:none;

border:none;

gap:30px;

}

}
/* ============================= */
/* HERO */
/* ============================= */

.hero{

padding:120px 20px 80px;

position:relative;

overflow:hidden;

background:linear-gradient(
180deg,
#020617 0%,
#020617 60%,
#020617 100%
);

}

/* GRID TECH BACKGROUND */

.hero::before{

content:"";

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(57,255,20,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(57,255,20,0.04) 1px, transparent 1px);

background-size:40px 40px;

opacity:.4;

pointer-events:none;

}

/* GLOW LIGHT */

.hero::after{

content:"";

position:absolute;

width:500px;
height:500px;

background:radial-gradient(circle,#39ff1420,transparent 70%);

top:-150px;
right:-150px;

filter:blur(60px);

}

/* ============================= */
/* CONTAINER */
/* ============================= */

.hero-container{

max-width:1200px;

margin:auto;

position:relative;

z-index:2;

}

/* ============================= */
/* TEXT AREA */
/* ============================= */

.hero-left{

max-width:700px;

}

/* TITULO */

.hero-left h1{

font-size: 32px;

line-height:1.2;

font-weight:800;

color:white;

margin-bottom:22px;

text-shadow:
0 0 5px rgba(255,255,255,0.2);
}

/* SPAN NEON */

.hero-left span{

color:#3affb0;



animation:heroNeon 2.5s infinite alternate;

}

@keyframes heroNeon{

from{
text-shadow:


}

to{
text-shadow:


}

}

/* SUBTITULO */

.hero-subtitle{

font-size:13px;

color:#94a3b8;

line-height:1.6;

margin-bottom:30px;

max-width:540px;

}

/* ============================= */
/* BOTÕES */
/* ============================= */

.hero-buttons{

display:flex;

flex-direction:column;

gap:14px;

}

/* BOTÃO PRINCIPAL */

.btn-primary{

background:#3affb0;

color:#020617;

padding:14px 20px;

border-radius:28px;

font-weight:700;

text-decoration:none;

text-align:center;

box-shadow:
0 0 10px #3affb0,
0 0 25px rgba(57,255,20,.4);

transition:.25s;

}

.btn-primary:hover{

transform:translateY(-2px);

box-shadow:
0 0 15px #39ff14,
0 0 35px #39ff14;

}

/* BOTÃO SECUNDÁRIO */

.btn-secondary{

border:1px solid rgba(255,255,255,0.15);

color:white;
box-shadow:
0 0 10px #3affb0,
0 0 25px rgba(57,255,20,.4);
padding:14px 20px;

border-radius:28px;

text-align:center;

font-weight:600;

text-decoration:none;

transition:.25s;

}

.btn-secondary:hover{

border-color:#3affb0;

color:#3affb0;

box-shadow:0 0 12px rgba(57,255,20,.3);

}

/* ============================= */
/* DESKTOP */
/* ============================= */

@media(min-width:900px){

.hero{

padding:180px 40px 120px;

}

.hero-left h1{

font-size:52px;

}

.hero-buttons{

flex-direction:row;

}

.btn-primary,
.btn-secondary{

padding:16px 28px;

}

}
/* ===================================== */
/* FEATURES SECTION */
/* ===================================== */

.features{

padding:80px 24px;

background:#000;

text-align:center;

position:relative;

}

/* TÍTULO */

.features h2{

font-size:28px;

font-weight:700;

color:white;

margin-bottom:16px;

text-shadow:0 0 8px rgba(57,255,20,0.25);

}

/* SUBTEXTO */

.features-sub{

color:#bfbfbf;

font-size:15px;

line-height:1.6;

max-width:520px;

margin:0 auto 50px auto;

}

/* GRID */

.features-grid{

display:grid;

grid-template-columns:1fr;

gap:24px;

}

/* CARD */

.feature-card{

background:rgba(255,255,255,0.02);

border:1px solid rgba(57,255,20,0.18);

border-radius:16px;

padding:28px 24px;

text-align:center;

transition:all .35s ease;

position:relative;

overflow:hidden;

backdrop-filter:blur(6px);

}
/* SCANNER */

.feature-card::after{

content:"";

position:absolute;

top:0;
left:-120%;

width:80%;
height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(57,255,20,0.25),
transparent
);

transform:skewX(-20deg);

transition:0.7s;

}

.feature-card:hover::after{

left:130%;

}
/* GLOW DE FUNDO */

.feature-card::before{

content:"";

position:absolute;

inset:0;

background:radial-gradient(circle at top,
rgba(57,255,20,0.15),
transparent 70%);

opacity:0;

transition:0.35s;

}

/* HOVER CARD */

.feature-card:hover{

transform:translateY(-6px);

border-color:#3affb0;

box-shadow:
0 0 12px rgba(57,255,20,0.35),
0 0 30px rgba(57,255,20,0.18);

}

.feature-card:hover::before{

opacity:1;

}

/* ICON */

.icon{

font-size:34px;

margin-bottom:14px;

color:#3affb0;

animation:iconPulse 3s infinite ease-in-out;

}

@keyframes iconPulse{

0%{
transform:scale(1);
text-shadow:0 0 4px #3affb0;
}

50%{
transform:scale(1.08);
text-shadow:
0 0 8px #39ff14,
0 0 16px #39ff14;
}

100%{
transform:scale(1);
text-shadow:0 0 4px #3affb0;
}

}

/* TITULO CARD */

.feature-card h3{

font-size:18px;

color:white;

margin-bottom:10px;

}

/* TEXTO CARD */

.feature-card p{

font-size:14px;

color:#bdbdbd;

line-height:1.6;

}
/* BORDA NEON ANIMADA */

.feature-card{

position:relative;

}

.feature-card::before{

content:"";

position:absolute;

inset:-1px;

border-radius:16px;

background:linear-gradient(
90deg,
transparent,
#3affb0,
#00f7ff,
#39ff1,
transparent
);

background-size:300% 300%;

opacity:.35;

z-index:-1;

animation:borderGlow 6s linear infinite;

}

@keyframes borderGlow{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}
/* ================================= */
/* DUTCHING CALCULATOR */
/* ================================= */

#calculadora-dutching{

padding:90px 20px;

background:#020617;

text-align:center;

}

/* container */

.dutch-container{

max-width:700px;

margin:auto;

}

/* titulo */

.dutch-title{

font-size:26px;

font-weight:700;

color:white;

margin-bottom:18px;

text-shadow:0 0 8px rgba(57,255,20,0.25);

}

/* textos */

.dutch-sub{

color:#94a3b8;

font-size:15px;

line-height:1.6;

margin-bottom:14px;

}

/* card */

.dutch-card{

background:rgba(255,255,255,0.02);

border:1px solid rgba(57,255,20,0.18);

border-radius:18px;

padding:28px;

margin-top:30px;

backdrop-filter:blur(6px);

box-shadow:
0 0 20px rgba(57,255,20,0.08);

}

/* grid */

.dutch-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-bottom:20px;

}

/* campo full */

.input-group.full{

grid-column:1/3;

}

/* labels */

.input-group label{

display:block;

font-size:13px;

color:#94a3b8;

margin-bottom:6px;

}

/* inputs */

.input-group input{

width:100%;

padding:12px;

border-radius:10px;

border:1px solid rgba(255,255,255,0.1);

background:#020617;

color:white;

outline:none;

transition:.2s;

}

/* focus */

.input-group input:focus{

border-color:#3affb0;

box-shadow:
0 0 8px rgba(57,255,20,.4);

}

/* botão */

.dutch-btn{

width:100%;

background:#3affb0;

color:#020617;

border:none;

padding:14px;

border-radius:28px;

font-weight:700;

cursor:pointer;

box-shadow:
0 0 12px #3affb0,
0 0 25px rgba(57,255,20,.4);

transition:.25s;

}

.dutch-btn:hover{

transform:translateY(-2px);

box-shadow:
0 0 18px #39ff14,
0 0 35px #39ff14;

}

/* resultados */

.dutch-result{

margin-top:30px;

}

.result-grid{

display:grid;

grid-template-columns:1fr;

gap:14px;

margin-top:16px;

}

/* caixas */

.result-box{

background:#020617;

border:1px solid rgba(57,255,20,0.18);

padding:16px;

border-radius:12px;

}

.result-box p{

font-size:13px;

color:#94a3b8;

margin-bottom:6px;

}

.result-box span{

font-size:18px;

font-weight:700;

color:white;

}

/* lucro */

.result-box.lucro{

border-color:#3affb0;

box-shadow:
0 0 10px rgba(57,255,20,.3);

}

.result-box.lucro span{

color:#3affb0;

}

/* mensagem vip */

.vip-msg{

font-size:14px;

color:#94a3b8;

margin-top:18px;

}
.hidden{
display:none;
}
/* =============================== */
/* DUTCHING TRADING PANEL */
/* =============================== */

#calculadora-dutching{

padding:10px 20px;

background:#020617;

text-align:center;

}

.dutch-container{

max-width:720px;
margin:auto;

}

.dutch-title{

font-size:28px;
font-weight:700;
color:white;

margin-bottom:14px;

}

.dutch-sub{

color:#94a3b8;
font-size:15px;
line-height:1.6;

margin-bottom:30px;

}

/* CARD */

.dutch-card{

background:#020617;

border:1px solid rgba(57,255,20,0.25);

border-radius:18px;

padding:28px;

box-shadow:
0 0 25px rgba(57,255,20,.08);

}

/* GRID */

.dutch-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-bottom:20px;

}

.input-group.full{
grid-column:1/3;
}

.input-group label{

font-size:13px;
color:#94a3b8;

display:block;
margin-bottom:6px;

}

.input-group input{

width:100%;

padding:12px;

border-radius:10px;

border:1px solid rgba(255,255,255,0.08);

background:#020617;

color:white;

outline:none;

}

.input-group input:focus{

border-color:#3affb0;

box-shadow:0 0 8px rgba(57,255,20,.4);

}

/* BOTÃO */

.dutch-btn{

width:100%;

background:#3affb0;

color:#020617;

border:none;

padding:14px;

border-radius:28px;

font-weight:700;

cursor:pointer;

box-shadow:
0 0 10px #39ff14,
0 0 25px rgba(57,255,20,.4);

transition:.25s;

}

.dutch-btn:hover{

transform:translateY(-2px);

box-shadow:
0 0 18px #39ff14,
0 0 35px #39ff14;

}

/* RESULTADOS */

.hidden{
display:none;
}

.dutch-result{

margin-top:40px;

}

/* BARRAS */

.stake-bars{

display:flex;

flex-direction:column;

gap:18px;

margin-top:20px;

}

.bar-group{

text-align:left;

}

.bar-label{

display:flex;

justify-content:space-between;

font-size:14px;

color:white;

margin-bottom:6px;

}

/* barra base */

.bar{

height:12px;

background:#0f172a;

border-radius:10px;

overflow:hidden;

}

/* preenchimento */

.bar-fill{

height:100%;

width:0%;

background:linear-gradient(90deg,#39ff14,#00e5ff);

box-shadow:
0 0 10px #3affb0;

transition:width .6s ease;

}

/* RETORNO */

.retorno-box{

margin-top:30px;

padding:18px;

border:1px solid rgba(57,255,20,.3);

border-radius:12px;

background:#020617;

}

.retorno-box p{

color:#94a3b8;
font-size:14px;

}

.retorno-box span{

font-size:24px;
font-weight:700;

color:#3affb0;

text-shadow:
0 0 8px #3affb0;

}

.vip-msg{

margin-top:20px;

font-size:13px;

color:#94a3b8;

}
/* ================================= */
/* PRICING ATHENA */
/* ================================= */

#precos-athena{
padding:px 0;
}

/* container */

.precos-container{
max-width:1100px;
margin:auto;
text-align:center;
}

/* titulo */

.precos-titulo{

font-size:32px;
font-weight:800;
margin-bottom:12px;

}

/* subtitulo */

.precos-sub{

max-width:600px;
margin:auto;

color:#94a3b8;

font-size:15px;

line-height:1.6;

margin-bottom:50px;

}

/* grid */

.precos-grid{

display:grid;

grid-template-columns:1fr;

gap:28px;

}

/* card base */

.preco-card{

background:#020617;

border:1px solid rgba(57,255,20,0.25);

border-radius:19px;

padding:36px 28px;

transition:.35s;

position:relative;

box-shadow:
0 0 20px rgba(57,255,20,.06);

}

/* hover */

.preco-card:hover{

transform:translateY(-6px);

border-color:#3affb0;

box-shadow:
0 0 12px rgba(57,255,20,.35),
0 0 40px rgba(57,255,20,.15);

}

/* titulo card */

.preco-card h3{

font-size:22px;

margin-bottom:14px;

color:white;

}

/* valor */

.preco-valor{

font-size:45px;

font-weight:800;

color:white;

margin-bottom:10px;

}

/* moeda */

.moeda{

font-size:18px;

margin-right:4px;

}

/* periodo */

.periodo{

font-size:16px;

color:#94a3b8;

}

/* descrição */

.preco-descricao{

font-size:15px;

color:#7ffff7;

margin-bottom:26px;

}

/* lista */

.preco-card ul{

list-style:none;


display:flex;

flex-direction:column;

gap:10px;

text-align:left;

margin-bottom:28px;

}

.preco-card li{

font-size:14px;

color:#e2e8f0;

}

/* botão */

.btn-preco{

display:block;

background:#3affb0;

color:#020617;

font-weight:700;

padding:14px;

border-radius:28px;

text-decoration:none;

transition:.25s;

box-shadow:
0 0 10px #3affb0,
0 0 30px rgba(57,255,20,.35);

}

.btn-preco:hover{

transform:translateY(-2px);

box-shadow:
0 0 15px #3affb0,
0 0 40px #3affb0;

}

/* destaque principal */

.destaque{

border:1px solid #3affb0;

box-shadow:
0 0 12px rgba(57,255,20,.25),
0 0 35px rgba(57,255,20,.1);

}

/* =============================== */
/* CARD BONUS */
/* =============================== */

.bonus{

border:1px solid rgba(57,255,20,.18);

}

/* badge */

.bonus-badge{

position:absolute;

top:18px;
right:108px;

background:#fdf800;

color:#020617;

font-size:11px;

padding:6px 10px;

border-radius:20px;

font-weight:700;

}

/* texto grande */

.bonus-gratis{

font-size:25px;

font-weight:800;

color:#caffcc;

margin-bottom:10px;

text-shadow:
0 0 10px #3affb0,
0 0 20px #000000;

}

/* textos */

.bonus-texto{

color:#fdf800;

font-size:14px;

margin-bottom:12px;

}

.bonus-destaque{

margin-top:18px;

font-size:14px;

}

/* desktop */

@media(min-width:900px){

.precos-grid{

grid-template-columns:1fr 1fr;

}

}
/* ================================= */
/* COMO FUNCIONA */
/* ================================= */

.como-funciona{

padding:1px 20px;

background:#020617;

text-align:center;

position:relative;

overflow:hidden;

}

/* titulo */

.como-funciona h2{

font-size:36px;

font-weight:800;

margin-bottom:16px;

}

/* subtitulo */

.como-funciona .sub{

max-width:620px;

margin:auto;

color:#94a3b8;

font-size:15px;

line-height:1.6;

margin-bottom:70px;

}

/* container passos */

.passos-container{

display:grid;

grid-template-columns:1fr;

gap:40px;

max-width:1100px;

margin:auto;

position:relative;

}

/* linha neon */

.passos-container::before{

content:"";

position:absolute;

top:42px;

left:0;

right:0;

height:2px;

background:linear-gradient(
90deg,
transparent,
#3affb0,
transparent
);

opacity:.3;

}

/* card passo */

.passo{

background:rgba(15,23,42,.6);

border:1px solid rgba(57,255,20,.25);

border-radius:18px;

padding:40px 30px;

backdrop-filter:blur(10px);

transition:.35s;

position:relative;

box-shadow:
0 0 20px rgba(57,255,20,.05);

}

/* hover */

.passo:hover{

transform:translateY(-6px);

border-color:#3affb0;

box-shadow:
0 0 20px rgba(57,255,20,.35),
0 0 40px rgba(57,255,20,.15);

}

/* numero */

.passo-numero{

width:54px;
height:54px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

margin:0 auto 20px auto;

font-size:22px;
font-weight:800;

color:#020617;

background:#3affb0;

box-shadow:
0 0 12px #39ff14,
0 0 30px rgba(57,255,20,.6);

animation:pulseNumero 2.5s infinite;

}

/* animação pulse */

@keyframes pulseNumero{

0%{

box-shadow:
0 0 12px #39ff14,
0 0 30px rgba(57,255,20,.6);

}

50%{

box-shadow:
0 0 18px #39ff14,
0 0 45px rgba(57,255,20,.8);

}

100%{

box-shadow:
0 0 12px #39ff14,
0 0 30px rgba(57,255,20,.6);

}

}

/* titulo passo */

.passo h3{

font-size:20px;

margin-bottom:10px;

}

/* texto */

.passo p{

font-size:14px;

line-height:1.6;

color:#cbd5e1;

}

/* responsivo */

@media(min-width:900px){

.passos-container{

grid-template-columns:repeat(3,1fr);

}

}
/* ================================= */
/* AUTORIDADE ATHENA */
/* ================================= */

.autoridade-box{

padding:120px 20px;

background:#020617;

text-align:center;

position:relative;

overflow:hidden;

}

/* linha neon superior */

.autoridade-box::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:2px;

background:linear-gradient(
90deg,
transparent,
#3affb0,
transparent
);

opacity:.5;

}

/* titulo */

.autoridade-titulo{

font-size:34px;

font-weight:800;

margin-bottom:16px;

}

/* subtitulo */

.autoridade-sub{

max-width:620px;

margin:auto;

color:#94a3b8;

font-size:15px;

line-height:1.6;

margin-bottom:60px;

}

/* grid */

.autoridade-grid{

display:grid;

grid-template-columns:1fr;

gap:30px;

max-width:1100px;

margin:auto;

}

/* card */

.autoridade-item{

background:rgba(15,23,42,.6);

border:1px solid rgba(57,255,20,.25);

border-radius:18px;

padding:40px 30px;

backdrop-filter:blur(10px);

transition:.35s;

position:relative;

box-shadow:
0 0 20px rgba(57,255,20,.05);

}

/* hover */

.autoridade-item:hover{

transform:translateY(-6px);

border-color:#3affb0;

box-shadow:
0 0 20px rgba(57,255,20,.35),
0 0 45px rgba(57,255,20,.15);

}

/* titulo */

.autoridade-item h3{

font-size:20px;

margin-bottom:10px;

color:white;

}

/* texto */

.autoridade-item p{

font-size:14px;

line-height:1.6;

color:#cbd5e1;

}

/* desktop */

@media(min-width:900px){

.autoridade-grid{

grid-template-columns:repeat(3,1fr);

}

}
/* ================================= */
/* ICONE NEON */
/* ================================= */

.autoridade-icone{

width:60px;
height:60px;

margin:0 auto 20px auto;

display:flex;
align-items:center;
justify-content:center;

font-size:26px;

border-radius:50%;

background:rgba(57,255,20,.1);

border:1px solid rgba(57,255,20,.4);

color:#3affb0;

box-shadow:
0 0 12px rgba(57,255,20,.5),
inset 0 0 10px rgba(57,255,20,.3);

animation:iconePulse 2.5s infinite;

}

/* animação */

@keyframes iconePulse{

0%{

box-shadow:
0 0 10px rgba(57,255,20,.4);

}

50%{

box-shadow:
0 0 20px rgba(57,255,20,.8);

}

100%{

box-shadow:
0 0 10px rgba(57,255,20,.4);

}

}
/* ================================= */
/* CONTADOR */
/* ================================= */

.contador-usuarios{

margin-top:30px;
margin-bottom:60px;

font-size:18px;

}

#usuarios-numero{

font-size:34px;

font-weight:800;

color:#3affb0;

text-shadow:
0 0 10px #39ff14,
0 0 30px rgba(57,255,20,.8);

display:block;

}

.usuarios-texto{

font-size:14px;

color:#94a3b8;

}
/* ================================= */
/* FAQ */
/* ================================= */

.faq{

padding:120px 20px;

background:#020617;

position:relative;

}

/* linha neon */

.faq::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:2px;

background:linear-gradient(
90deg,
transparent,
#3affb0,
transparent
);

opacity:.5;

}

/* container */

.faq-container{

max-width:900px;

margin:auto;

text-align:center;

}

/* titulo */

.faq-titulo{

font-size:34px;

font-weight:800;

margin-bottom:14px;

}

/* subtitulo */

.faq-sub{

color:#94a3b8;

font-size:15px;

margin-bottom:50px;

}

/* lista */

.faq-lista{

display:flex;

flex-direction:column;

gap:16px;

}

/* item */

.faq-item{

background:rgba(15,23,42,.6);

border:1px solid rgba(57,255,20,.25);

border-radius:14px;

padding:18px 22px;

backdrop-filter:blur(10px);

transition:.3s;

}

/* hover */

.faq-item:hover{

border-color:#3affb0;

box-shadow:
0 0 15px rgba(57,255,20,.25);

}

/* pergunta */

.faq-item summary{

cursor:pointer;

font-size:16px;

font-weight:600;

list-style:none;

position:relative;

padding-right:30px;

}

/* remover seta padrão */

.faq-item summary::-webkit-details-marker{

display:none;

}

/* ícone + */

.faq-item summary::after{

content:"+";

position:absolute;

right:0;

top:0;

font-size:22px;

color:#3affb0;

transition:.3s;

}

/* quando aberto */

.faq-item[open] summary::after{

transform:rotate(45deg);

}

/* resposta */

.faq-item p{

margin-top:14px;

font-size:14px;

line-height:1.6;

color:#cbd5e1;

text-align:left;

}
/* ================================= */
/* INTERESSE / CADASTRO */
/* ================================= */

.interesse{

padding:120px 20px;

background:#020617;

position:relative;

}

/* linha neon superior */

.interesse::before{

content:"";

position:absolute;

top:0;
left:0;

width:100%;
height:2px;

background:linear-gradient(
90deg,
transparent,
#3affb0,
transparent
);

opacity:.6;

}

/* container */

.interesse-container{

max-width:520px;

margin:auto;

text-align:center;

background:rgba(15,23,42,.6);

padding:50px 40px;

border-radius:20px;

border:1px solid rgba(57,255,20,.25);

backdrop-filter:blur(12px);

box-shadow:
0 0 20px rgba(57,255,20,.08);

}

/* titulo */

.interesse-titulo{

font-size:32px;

font-weight:800;

margin-bottom:14px;

}

/* subtitulo */

.interesse-sub{

font-size:14px;

color:#94a3b8;

line-height:1.6;

margin-bottom:35px;

}

/* campo */

.interesse-field{

display:flex;

flex-direction:column;

text-align:left;

margin-bottom:20px;

}

.interesse-field label{

font-size:13px;

color:#94a3b8;

margin-bottom:6px;

}

/* input */

.interesse-field input{

background:#020617;

border:1px solid rgba(57,255,20,.25);

border-radius:10px;

padding:12px 14px;

color:white;

font-size:14px;

transition:.25s;

}

/* focus neon */

.interesse-field input:focus{

outline:none;

border-color:#3affb0;

box-shadow:
0 0 8px rgba(57,255,20,.5);

}

/* botão */

.interesse-btn{

width:100%;

margin-top:10px;

background:#3affb0;

color:#020617;

border:none;

padding:14px;

font-weight:700;

border-radius:30px;

cursor:pointer;

position:relative;

overflow:hidden;

box-shadow:
0 0 10px #39ff14,
0 0 30px rgba(57,255,20,.6);

transition:.3s;

}

/* hover */

.interesse-btn:hover{

transform:translateY(-2px);

box-shadow:
0 0 15px #39ff14,
0 0 45px rgba(57,255,20,.8);

}

/* scanner botão */

.interesse-btn::after{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.6),
transparent
);

animation:scannerBtn 3s infinite;

}

@keyframes scannerBtn{

0%{ left:-100%; }
100%{ left:100%; }

}

/* mensagem */

.interesse-msg{

margin-top:10px;

font-size:13px;

}

/* aviso */

.interesse-aviso{

margin-top:18px;

font-size:13px;

color:#94a3b8;

}

/* status */

.interesse-status{

margin-top:18px;

font-size:13px;

color:#3affb0;

text-shadow:
0 0 10px rgba(57,255,20,.6);

}
.footer{
background:#0b0b0f;
padding:80px 40px 40px;
color:#ccc;
}

.footer-container{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
}

.footer-col h4{
color:#00ff9c;
margin-bottom:15px;
font-size:18px;
}

.footer-col p{
font-size:14px;
line-height:1.6;
}

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col a{
color:#aaa;
text-decoration:none;
transition:.3s;
}

.footer-col a:hover{
color:#00ff9c;
}

.footer-bottom{
margin-top:60px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,0.1);
text-align:center;
}

.footer-aviso{
font-size:13px;
opacity:.7;
margin-top:10px;
}
.footer{

background:#0b0b0f;
padding:80px 40px 40px;
color:#ccc;

}

.footer-container{

max-width:1400px;
margin:auto;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:50px;

}

.footer-col h4{

color:#00ff9c;
margin-bottom:15px;
font-size:18px;

}

.footer-col p{

font-size:14px;
line-height:1.6;

}

.footer-col ul{

list-style:none;
padding:0;

}

.footer-col ul li{

margin-bottom:10px;

}

.footer-col a{

color:#aaa;
text-decoration:none;
transition:.3s;

}

.footer-col a:hover{

color:#00ff9c;

}


/* contador usuarios */

.usuarios-box{

margin-top:15px;
font-size:14px;
color:#00ff9c;

}


/* badges */

.seguranca-badges{

display:flex;
flex-direction:column;
gap:10px;
margin-bottom:15px;

}

.badge-seguro,
.badge-pagamento{

background:#111;
border:1px solid rgba(0,255,156,0.4);

padding:8px 12px;

border-radius:6px;

font-size:13px;

color:#00ff9c;

box-shadow:0 0 8px rgba(0,255,156,0.2);

}


/* linha final */

.footer-bottom{

margin-top:60px;
padding-top:30px;

border-top:1px solid rgba(255,255,255,0.1);

text-align:center;

}

.footer-aviso{

font-size:13px;
opacity:.7;
margin-top:10px;

}
/* BOTÃO WHATSAPP FLOAT */

.whatsapp-float{

position:fixed;
right:25px;
bottom:25px;

display:flex;
align-items:center;
gap:10px;

background:#0f0f14;

padding:12px 18px;

border-radius:40px;

border:1px solid #00ff9c;

z-index:999999;

/* NEON FORTE */

box-shadow:
0 0 5px #00ff9c,
0 0 15px #00ff9c,
0 0 35px rgba(0,255,156,0.8),
0 0 60px rgba(0,255,156,0.4);

transition:all .3s ease;

animation:whatsappPulse 2.2s infinite;

}
/* ÍCONE */

.whatsapp-icon{

width:26px;
height:26px;

filter:
drop-shadow(0 0 4px #00ff9c)
drop-shadow(0 0 1px #00ff9c)
drop-shadow(0 0 20px #00ff9c);

}

/* TEXTO */

.whatsapp-text{

color:#28f107;
font-size:14px;
font-weight:600;

}

/* HOVER */

.whatsapp-float:hover{

transform:scale(1.1);

box-shadow:
0 0 10px #00ff9c,
0 0 25px #00ff9c,
0 0 50px #00ff9c,
0 0 80px rgba(0,255,156,0.9);

}

/* ANIMAÇÃO */

@keyframes whatsappPulse{

0%{ box-shadow:0 0 0 0 rgba(0,255,156,0.6); }

70%{ box-shadow:0 0 0 15px rgba(0,255,156,0); }

100%{ box-shadow:0 0 0 0 rgba(0,255,156,0); }

}

/* MOBILE */

@media(max-width:768px){

.whatsapp-text{
display:none;
}

.whatsapp-float{
padding:18px;
border-radius:50%;
}

.whatsapp-icon{
width:28px;
height:28px;
}

}
.btn-suporte{
display:inline-flex;
align-items:center;
gap:8px;

background:#1f1f26;
color:#fff;

padding:10px 16px;
border-radius:6px;

font-size:14px;
font-weight:500;

text-decoration:none;

border:1px solid #2f2f38;

transition:all .2s ease;
}

.btn-suporte img{
width:18px;
height:18px;
}

.btn-suporte:hover{
background:#3affb0;
border-color:#25D366;
color:#000;
}
.preco-card{

background:#111118;

border:1px solid rgba(0,255,140,0.15);

border-radius:10px;

padding:35px;

transition:all .25s ease;

position:relative;

}

/* hover simples */

.preco-card:hover{

border-color:#00ff9c;

transform:translateY(-4px);

box-shadow:0 10px 25px rgba(0,255,140,0.12);

}

/* destaque */

.preco-card.destaque{

border:1px solid rgba(0,255,140,0.35);

}

/* bonus */

.preco-card.bonus{

border:1px solid rgba(0,255,140,0.2);

}