:root{
    --bg1:#0a0a0a;
    --bg2:#1a1a1a;
    --card:#111315;
    --card2:#17191c;
    --verde:#7FFF00;
    --verde2:#55d400;
    --dourado:#ffd36a;
    --texto:#ffffff;
    --muted:#bdbdbd;
    --danger:#ff3b30;
    --whats:#25d366;
}

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at 12% 8%, rgba(255,211,106,.05), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(127,255,0,.06), transparent 24%),
        linear-gradient(135deg, #030303 0%, #0b0c0d 45%, #121416 100%);
    color:var(--texto);
    overflow-x:hidden;
}

body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size:56px 56px;
    opacity:.18;
}

@keyframes pulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.035);}
    100%{transform:scale(1);}
}

@keyframes glowShift{
    0%{box-shadow:0 0 18px rgba(127,255,0,.25), 0 0 35px rgba(255,211,106,.08);}
    50%{box-shadow:0 0 28px rgba(255,211,106,.24), 0 0 45px rgba(127,255,0,.18);}
    100%{box-shadow:0 0 18px rgba(127,255,0,.25), 0 0 35px rgba(255,211,106,.08);}
}

@keyframes rotateSoft{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.top-alert{
    position:sticky;
    top:0;
    z-index:999;
    background:linear-gradient(90deg,#121212,#1d1d1d);
    border-bottom:1px solid rgba(127,255,0,.18);
    padding:13px 20px;
    text-align:center;
    font-weight:900;
    letter-spacing:.35px;
    font-size:14px;
    color:#fff;
}

.top-alert strong{
    color:var(--verde);
}

.fixed-timer{
    position:fixed;
    top:86px;
    right:18px;
    z-index:900;
    background:rgba(10,10,10,.86);
    border:1px solid rgba(127,255,0,.32);
    border-radius:18px;
    padding:13px 16px;
    text-align:center;
    backdrop-filter:blur(12px);
    box-shadow:0 0 20px rgba(127,255,0,.28);
    animation:glowShift 2.4s infinite;
}

.fixed-timer small{
    display:block;
    color:#cfcfcf;
    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
    margin-bottom:4px;
}

.fixed-timer strong{
    display:block;
    color:var(--verde);
    font-size:24px;
    letter-spacing:1px;
}

.container{
    max-width:1180px;
    margin:auto;
    padding:45px 20px 80px;
    position:relative;
}

.logo{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:36px;
}

.logo-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    background:linear-gradient(135deg,var(--dourado),var(--verde));
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:29px;
    font-weight:900;
    box-shadow:0 0 26px rgba(127,255,0,.26);
    position:relative;
    overflow:hidden;
}

.logo-icon:before{
    content:"";
    position:absolute;
    inset:8px;
    border:2px solid rgba(0,0,0,.18);
    border-radius:50%;
    animation:rotateSoft 7s linear infinite;
}

.logo-text{
    font-size:48px;
    font-weight:900;
    letter-spacing:-2px;
    line-height:.9;
}

.logo-text span{
    color:var(--verde);
    text-shadow:0 0 18px rgba(127,255,0,.30);
}

.logo-sub{
    color:var(--dourado);
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    margin-top:6px;
}

.hero{
    display:grid;
    grid-template-columns:1fr 420px;
    gap:45px;
    align-items:start;
}

.tag{
    display:inline-block;
    background:rgba(127,255,0,.08);
    border:1px solid rgba(127,255,0,.20);
    color:var(--verde);
    padding:12px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:900;
    margin-bottom:24px;
}

h1{
    font-size:76px;
    line-height:.93;
    letter-spacing:-4px;
    margin-bottom:24px;
    font-weight:900;
    text-transform:uppercase;
}

h1 .verde{
    color:var(--verde);
    text-shadow:0 0 28px rgba(127,255,0,.34);
}

h1 .gold{
    color:var(--dourado);
}

.sub{
    font-size:21px;
    line-height:1.58;
    color:#d0d0d0;
    max-width:700px;
    margin-bottom:28px;
}

.sub strong{
    color:#fff;
}

.vsl{
    background:
        linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.34)),
        radial-gradient(circle at 80% 30%, rgba(127,255,0,.20), transparent 22%),
        radial-gradient(circle at 45% 70%, rgba(255,211,106,.11), transparent 25%),
        #111;
    border:1px solid rgba(255,255,255,.06);
    border-radius:32px;
    padding:34px;
    min-height:260px;
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 35px 90px rgba(0,0,0,.45);
}

.vsl:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.075),transparent);
    transform:translateX(-100%);
    animation:shine 4s infinite;
}

@keyframes shine{
    100%{transform:translateX(100%);}
}

.live{
    display:flex;
    gap:12px;
    margin-bottom:45px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
}

.live span{
    padding:11px 16px;
    border-radius:14px;
    font-size:13px;
    font-weight:900;
}

.red{
    background:#ff3b30;
}

.dark{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.08);
}

.play{
    display:flex;
    gap:20px;
    align-items:center;
    position:relative;
    z-index:2;
}

.play-icon{
    width:82px;
    height:82px;
    border-radius:24px;
    background:linear-gradient(135deg,var(--verde),var(--verde2));
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#000;
    box-shadow:0 25px 55px rgba(127,255,0,.28);
    animation:pulse 1.8s infinite;
}

.play strong{
    display:block;
    font-size:32px;
    margin-bottom:8px;
}

.play small{
    color:#cfcfcf;
    font-size:15px;
}

.cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-bottom:28px;
}

.card{
    background:linear-gradient(135deg,var(--card),var(--card2));
    border:1px solid rgba(255,255,255,.06);
    border-radius:24px;
    padding:22px;
}

.card strong{
    display:block;
    font-size:18px;
    margin-bottom:8px;
    color:var(--verde);
}

.card span{
    color:#c7c7c7;
    line-height:1.5;
    font-size:14px;
}

.case{
    background:linear-gradient(135deg,#101112,#191c1f);
    border-radius:30px;
    padding:32px;
    border:1px solid rgba(255,255,255,.06);
    margin-bottom:28px;
    box-shadow:0 25px 70px rgba(0,0,0,.28);
}

.case h3{
    font-size:32px;
    margin-bottom:22px;
    color:var(--verde);
}

.case-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.case-box{
    background:rgba(255,255,255,.045);
    padding:18px;
    border-radius:18px;
}

.case-box strong{
    display:block;
    font-size:28px;
    margin-bottom:8px;
    color:#fff;
}

.case-box span{
    font-size:14px;
    color:#d1d1d1;
    line-height:1.45;
}

.price{
    margin-bottom:30px;
    padding:26px;
    border-radius:28px;
    background:linear-gradient(135deg,#111,#17191c);
    border:1px solid rgba(255,211,106,.14);
    box-shadow:0 0 34px rgba(255,211,106,.07);
}

.old{
    font-size:28px;
    color:#7f7f7f;
    text-decoration:line-through;
    margin-bottom:10px;
}

.new{
    font-size:58px;
    font-weight:900;
    color:var(--verde);
    line-height:1;
    margin-bottom:10px;
    text-shadow:0 0 24px rgba(127,255,0,.28);
}

.price small{
    display:block;
    color:#d7d7d7;
    line-height:1.6;
}

.cta{
    display:block;
    width:100%;
    text-align:center;
    padding:30px;
    border-radius:26px;
    background:linear-gradient(90deg,var(--verde),var(--verde2));
    color:#000;
    font-weight:900;
    font-size:24px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.4px;
    box-shadow:0 25px 65px rgba(127,255,0,.35);
    animation:pulse 1.25s infinite;
}

.form{
    background:linear-gradient(135deg,#101113,#151719);
    border:1px solid rgba(255,255,255,.07);
    border-radius:32px;
    padding:30px;
    position:sticky;
    top:92px;
    box-shadow:0 35px 90px rgba(0,0,0,.45), 0 0 32px rgba(127,255,0,.08);
}

.form h2{
    font-size:40px;
    margin-bottom:10px;
}

.form p{
    color:#bfbfbf;
    line-height:1.6;
    margin-bottom:22px;
}

.vagas{
    background:rgba(127,255,0,.10);
    color:#fff;
    border:1px solid rgba(127,255,0,.25);
    padding:18px;
    border-radius:18px;
    text-align:center;
    font-weight:900;
    margin-bottom:15px;
    box-shadow:0 0 20px rgba(127,255,0,.14);
}

.vagas strong{
    color:var(--verde);
}

.people{
    background:rgba(255,211,106,.10);
    color:var(--dourado);
    padding:16px;
    border-radius:18px;
    text-align:center;
    font-weight:900;
    margin-bottom:16px;
    border:1px solid rgba(255,211,106,.16);
}

.timer{
    background:#050505;
    padding:20px;
    border-radius:22px;
    text-align:center;
    margin-bottom:18px;
    border:1px solid rgba(127,255,0,.16);
    box-shadow:0 0 20px rgba(127,255,0,.12);
}

.timer small{
    display:block;
    margin-bottom:8px;
    color:#bdbdbd;
    font-weight:800;
}

.timer strong{
    font-size:48px;
    color:var(--verde);
    display:block;
}

.timer span{
    display:block;
    margin-top:8px;
    font-size:13px;
    color:#9d9d9d;
}

input{
    width:100%;
    height:62px;
    background:#181a1c;
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;
    padding:0 18px;
    margin-bottom:14px;
    color:#fff;
    font-size:15px;
    outline:none;
}

input:focus{
    border-color:rgba(127,255,0,.65);
    box-shadow:0 0 0 4px rgba(127,255,0,.10);
}

button{
    width:100%;
    min-height:86px;
    border:none;
    border-radius:24px;
    background:linear-gradient(90deg,var(--verde),var(--verde2));
    font-size:22px;
    font-weight:900;
    color:#000;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 28px 70px rgba(127,255,0,.38);
    animation:pulse 1.25s infinite;
}

.security{
    margin-top:18px;
    padding:16px;
    border-radius:16px;
    background:#151719;
    font-size:14px;
    line-height:1.6;
    color:#d0d0d0;
}

.proofs{
    margin-top:45px;
    background:linear-gradient(135deg,#0f1012,#151719);
    border:1px solid rgba(255,255,255,.06);
    border-radius:32px;
    padding:32px;
}

.proofs h3{
    font-size:34px;
    margin-bottom:26px;
}

.whats-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.whats-print{
    background:#0b141a;
    border-radius:28px;
    overflow:hidden;
    border:1px solid rgba(37,211,102,.12);
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.wp-head{
    background:#10251b;
    padding:16px;
    display:flex;
    gap:12px;
    align-items:center;
}

.wp-photo{
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--verde),var(--dourado));
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
}

.wp-name{
    font-weight:900;
}

.wp-role{
    font-size:12px;
    color:#a7c9b0;
    margin-top:3px;
}

.wp-body{
    padding:18px;
}

.bubble{
    background:#202c33;
    color:#fff;
    padding:14px;
    border-radius:16px 16px 16px 4px;
    line-height:1.5;
    font-size:14px;
    margin-bottom:12px;
}

.money{
    display:inline-block;
    color:var(--verde);
    font-weight:900;
    text-shadow:0 0 16px rgba(127,255,0,.28);
    animation:pulse 1.5s infinite;
}

.wp-time{
    color:#7f8c85;
    font-size:12px;
    text-align:right;
}

.footer-warning{
    margin-top:35px;
    background:#111;
    border-left:8px solid #ff3b30;
    padding:28px;
    border-radius:24px;
    line-height:1.8;
    font-size:17px;
}

.popup{
    position:fixed;
    transition:all .35s ease;
    right:20px;
    bottom:20px;
    background:#111;
    border:1px solid rgba(127,255,0,.15);
    padding:16px 18px;
    border-radius:18px;
    display:flex;
    gap:12px;
    align-items:center;
    box-shadow:0 25px 60px rgba(0,0,0,.45), 0 0 22px rgba(127,255,0,.12);
    z-index:999;
}

.popup-dot{
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--verde);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    color:#000;
}

.popup strong{
    display:block;
    margin-bottom:4px;
}

.popup span{
    font-size:13px;
    color:#b8b8b8;
}

@media(max-width:980px){
    .fixed-timer{
        position:static;
        margin:14px 20px 0;
    }

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

    h1{
        font-size:52px;
        letter-spacing:-2px;
    }

    .cards,
    .case-grid,
    .whats-grid{
        grid-template-columns:1fr;
    }

    .form{
        position:relative;
        top:0;
    }

    .popup{
        left:15px;
        right:15px;
    }
}

@media(max-width:560px){
    .container{
        padding-top:32px;
    }

    .logo-text{
        font-size:38px;
    }

    h1{
        font-size:42px;
    }

    .new{
        font-size:46px;
    }

    .cta{
        font-size:19px;
        padding:24px;
    }
}


/* Fotos nos depoimentos estilo WhatsApp */
.wp-photo{overflow:hidden;}
.wp-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;}


/* ==============================
   TEMPLATES VISUAIS
   Fundo preto preservado.
   Cada template muda apenas cores, glow e atmosfera.
================================= */

body.template-money_green{
    --verde:#7FFF00;
    --verde2:#55d400;
    --dourado:#ffd36a;
}

body.template-natural_green{
    --verde:#6fbf73;
    --verde2:#3e8f5a;
    --dourado:#d7c6a5;
}

body.template-info_orange{
    --verde:#ff7a00;
    --verde2:#ff9f1c;
    --dourado:#ffd36a;
}

body.template-course_blue{
    --verde:#00aaff;
    --verde2:#006dff;
    --dourado:#ffffff;
}

body.template-trend_trade{
    --verde:#8b5cf6;
    --verde2:#00e5ff;
    --dourado:#00e5ff;
}

.template-page{
    max-width:1180px;
    margin:auto;
    padding:45px 20px 80px;
    position:relative;
}

.template-hero{
    margin-bottom:35px;
}

.template-hero h1{
    font-size:54px;
    line-height:1;
    letter-spacing:-2px;
    margin-bottom:14px;
}

.template-hero p{
    color:#c9c9c9;
    max-width:760px;
    line-height:1.7;
    font-size:18px;
}

.template-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.template-card{
    background:linear-gradient(135deg,#101113,#17191c);
    border:1px solid rgba(255,255,255,.07);
    border-radius:28px;
    padding:28px;
    box-shadow:0 24px 60px rgba(0,0,0,.25);
}

.template-card.active{
    border-color:var(--verde);
    box-shadow:0 0 28px rgba(127,255,0,.16), 0 24px 60px rgba(0,0,0,.25);
}

.template-color{
    width:64px;
    height:64px;
    border-radius:22px;
    margin-bottom:18px;
    box-shadow:0 0 28px rgba(255,255,255,.10);
}

.template-card h2{
    font-size:28px;
    margin-bottom:8px;
}

.template-card h3{
    color:var(--verde);
    margin:18px 0 8px;
    font-size:16px;
}

.template-card p,
.template-card li{
    color:#cfcfcf;
    line-height:1.6;
    font-size:15px;
}

.template-card ul{
    padding-left:18px;
}

.template-badge{
    display:inline-block;
    margin-top:16px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-weight:900;
    font-size:12px;
}

.money-color{background:linear-gradient(135deg,#7FFF00,#ffd36a);}
.natural-color{background:linear-gradient(135deg,#6fbf73,#d7c6a5);}
.orange-color{background:linear-gradient(135deg,#ff7a00,#ffd36a);}
.blue-color{background:linear-gradient(135deg,#00aaff,#ffffff);}
.trade-color{background:linear-gradient(135deg,#8b5cf6,#00e5ff);}

@media(max-width:900px){
    .template-grid{
        grid-template-columns:1fr;
    }

    .template-hero h1{
        font-size:38px;
    }
}


/* =========================
   ALTERAÇÕES VISUAIS REAIS POR TEMPLATE
========================= */

body.template-money_green .logo-icon,
body.template-money_green .play-icon,
body.template-money_green .cta,
body.template-money_green button{
    background:linear-gradient(135deg,#7FFF00,#ffd36a);
    color:#000;
}

body.template-money_green .price,
body.template-money_green .form{
    box-shadow:0 0 35px rgba(127,255,0,.16);
}

body.template-natural_green .logo-icon,
body.template-natural_green .play-icon,
body.template-natural_green .cta,
body.template-natural_green button{
    background:linear-gradient(135deg,#6fbf73,#d7c6a5);
    color:#081108;
}

body.template-natural_green .top-alert{
    border-bottom:1px solid rgba(111,191,115,.30);
}

body.template-natural_green .tag{
    background:rgba(111,191,115,.10);
    border-color:rgba(111,191,115,.25);
    color:#8fda95;
}

body.template-natural_green .price,
body.template-natural_green .form{
    box-shadow:0 0 35px rgba(111,191,115,.14);
}

body.template-info_orange .logo-icon,
body.template-info_orange .play-icon,
body.template-info_orange .cta,
body.template-info_orange button{
    background:linear-gradient(135deg,#ff7a00,#ffd36a);
    color:#000;
}

body.template-info_orange .top-alert{
    border-bottom:1px solid rgba(255,122,0,.30);
}

body.template-info_orange .tag{
    background:rgba(255,122,0,.10);
    border-color:rgba(255,122,0,.25);
    color:#ff9b2f;
}

body.template-info_orange .price,
body.template-info_orange .form{
    box-shadow:0 0 40px rgba(255,122,0,.18);
}

body.template-course_blue .logo-icon,
body.template-course_blue .play-icon,
body.template-course_blue .cta,
body.template-course_blue button{
    background:linear-gradient(135deg,#00aaff,#ffffff);
    color:#00131f;
}

body.template-course_blue .top-alert{
    border-bottom:1px solid rgba(0,170,255,.30);
}

body.template-course_blue .tag{
    background:rgba(0,170,255,.10);
    border-color:rgba(0,170,255,.25);
    color:#59c7ff;
}

body.template-course_blue .price,
body.template-course_blue .form{
    box-shadow:0 0 40px rgba(0,170,255,.16);
}

body.template-trend_trade .logo-icon,
body.template-trend_trade .play-icon,
body.template-trend_trade .cta,
body.template-trend_trade button{
    background:linear-gradient(135deg,#8b5cf6,#00e5ff);
    color:#000;
}

body.template-trend_trade .top-alert{
    border-bottom:1px solid rgba(139,92,246,.35);
}

body.template-trend_trade .tag{
    background:rgba(139,92,246,.12);
    border-color:rgba(139,92,246,.30);
    color:#c4a2ff;
}

body.template-trend_trade .price,
body.template-trend_trade .form{
    box-shadow:0 0 45px rgba(139,92,246,.18);
}

body.template-trend_trade .logo-text span,
body.template-trend_trade .new{
    text-shadow:0 0 24px rgba(0,229,255,.35);
}


.popup-dot{
    overflow:hidden;
}

.popup-dot img{
    width:42px;
    height:42px;
    object-fit:cover;
    border-radius:50%;
    display:block;
}