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

body{
font-family:Inter;
background:#020202;
color:white;
overflow-x:hidden;
}

/* BACKGROUND DARK + BOLINHAS */

.bg-dark{

position:fixed;
width:100%;
height:100%;

background:
radial-gradient(circle at 20% 20%, #6535b111, transparent),
radial-gradient(circle at 80% 70%, #7b2cff0a, transparent),
#020202;

z-index:-3;

}

.particles{

position:fixed;
width:100%;
height:100%;

background-image:radial-gradient(#7b2cff 1px, transparent 2px);

background-size:80px 80px;

opacity:0.08;

animation:moveParticles 90s linear infinite;

z-index:-2;

}

@keyframes moveParticles{

0%{transform:translateY(0)}
100%{transform:translateY(-2000px)}

}

/* URGENCY BAR */

.urgency-bar{

background:#0f0f0f;

text-align:center;

padding:10px;

font-weight:600;

}

.urgency-bar span{

color:#a970ff;

text-shadow:0 0 10px #7b2cff;

}

/* HERO */

.hero{

min-height:100vh;

display:flex;

align-items:center;

justify-content:center;

}

.hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

max-width:1100px;

margin:auto;

align-items:center;

}

.hero-left{

text-align:center;

}

.title{

font-size:64px;

margin-bottom:20px;

background:linear-gradient(90deg,#ffffff,#a970ff);

-webkit-background-clip:text;

color:transparent;

}

.subtitle{

opacity:0.75;

margin-bottom:30px;

font-size:18px;

}

/* IMAGEM HERO */

.hologram{

width:100%;

border-radius:20px;

filter:drop-shadow(0 0 20px #7b2cff33);

}

/* BOTÃO COM DEGRADE ANIMADO */

.cta{

margin-top:30px;

padding:16px 42px;

background:linear-gradient(90deg,#7b2cff,#b56cff,#7b2cff);

background-size:200%;

border:none;

border-radius:10px;

font-weight:600;

color:white;

cursor:pointer;

transition:0.3s;

animation:buttonGlow 4s linear infinite;

}

@keyframes buttonGlow{

0%{background-position:0%}

100%{background-position:200%}

}

.cta:hover{

transform:scale(1.05);

box-shadow:0 0 25px #7b2cff;

}

/* BARRA DE LUCRO */

.profit-bar{

height:10px;

background:#1a1a1a;

border-radius:10px;

margin-top:20px;

overflow:hidden;

}

#profitBar{

height:100%;

width:0%;

background:linear-gradient(90deg,#7b2cff,#c084ff,#7b2cff);

background-size:200%;

animation:profitMove 3s linear infinite;

}

@keyframes profitMove{

0%{background-position:0%}

100%{background-position:200%}

}

/* SECTIONS */

section{

max-width:1100px;

margin:auto;

padding:120px 20px;

text-align:center;

}

/* CARDS COM NEON */

.learn{

background:#0d0d0d;

padding:20px 30px;

border-radius:14px;

border:1px solid #7b2cff22;

box-shadow:0 0 10px #7b2cff11;

}

.learn-row{

display:flex;

justify-content:center;

gap:20px;

margin-top:40px;

}

/* RESULTADOS */

.proof-grid{

display:grid;

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

gap:30px;

margin-top:40px;

}

.proof{

background:#0d0d0d;

padding:40px;

border-radius:16px;

border:1px solid #7b2cff22;

box-shadow:0 0 10px #7b2cff11;

}

/* DEPOIMENTOS */

.apple-carousel{

display:flex;

justify-content:center;

gap:30px;

margin-top:60px;

}

.testimonial{

width:260px;

background:#0d0d0d;

padding:30px;

border-radius:18px;

opacity:0.4;

transform:scale(0.9);

transition:0.4s;

border:1px solid #7b2cff11;

}

.testimonial.active{

opacity:1;

transform:scale(1.1);

box-shadow:0 0 20px #7b2cff33;

}

/* TRADERS ATIVOS */

.live-box{

margin-top:40px;

background:#0d0d0d;

padding:60px;

border-radius:20px;

position:relative;

border:1px solid #7b2cff22;

box-shadow:0 0 15px #7b2cff11;

}

.live-box span{

font-size:70px;

color:#c084ff;

text-shadow:0 0 15px #7b2cff;

}

/* PULSE */

.pulse{

position:absolute;

width:120px;

height:120px;

border-radius:50%;

background:#7b2cff33;

left:50%;

top:50%;

transform:translate(-50%,-50%);

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{transform:translate(-50%,-50%) scale(0.8)}

100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}

}

/* NOTIFICATION */

.notification{

position:fixed;

right:25px;

bottom:25px;

background:#111;

padding:14px 18px;

border-radius:12px;

display:flex;

align-items:center;

gap:12px;

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

opacity:0;

transform:translateY(30px);

transition:0.4s;

border:1px solid #7b2cff22;

}

.notification img{

width:34px;

height:34px;

border-radius:50%;

}

.notification span{

font-size:14px;

opacity:0.85;

}

/* RESPONSIVIDADE MOBILE */

@media (max-width: 768px){

.hero-grid{
grid-template-columns:1fr;
gap:40px;
padding:20px;
}

.title{
font-size:42px;
}

.subtitle{
font-size:16px;
}

.hero-left{
text-align:center;
}

.hologram{
max-width:90%;
margin:auto;
display:block;
}

.learn-row{
flex-direction:column;
align-items:center;
}

.proof-grid{
grid-template-columns:1fr;
}

.apple-carousel{
flex-direction:column;
align-items:center;
}

.live-box span{
font-size:50px;
}

.cta{
width:100%;
max-width:300px;
}

}