*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#1D1805;--bg2:#2A2410;--bg-card:rgba(242,196,25,.05);--border-card:rgba(242,196,25,.15);
--yellow:#F2C419;--gold:#D4A843;--text:#F5F0E1;--muted:#A09880;
--success:#4CAF50;--warning:#FF9800;--danger:#F44336;
--font:'Inter',sans-serif;--serif:'Source Serif 4',serif;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--yellow);text-decoration:none}
a:hover{color:var(--gold)}

.container{max-width:1100px;margin:0 auto;padding:0 24px}

/* HEADER */
.lp-header{padding:20px 0;border-bottom:1px solid var(--border-card)}
.lp-header .container{display:flex;align-items:center;justify-content:space-between}
.lp-header img{height:28px}

/* HERO */
.hero{padding:80px 0 60px;text-align:center}
.hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.1;margin-bottom:20px}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--yellow)}
.hero p{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto 32px;line-height:1.6}
.btn-cta{display:inline-block;padding:18px 44px;background:var(--yellow);color:var(--bg);border:none;border-radius:8px;font-family:var(--font);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}
.btn-cta:hover{background:var(--gold);transform:scale(1.02)}

/* FEATURES */
.features{padding:60px 0;border-top:1px solid var(--border-card)}
.features h2{text-align:center;font-size:1.5rem;font-weight:900;margin-bottom:40px}
.features h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--yellow)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.feature-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:28px 24px}
.feature-card i{font-size:1.5rem;color:var(--yellow);margin-bottom:12px;display:block}
.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}
.feature-card p{font-size:.9rem;color:var(--muted);line-height:1.5}

/* PARA QUEM */
.para-quem{padding:60px 0;border-top:1px solid var(--border-card);text-align:center}
.para-quem h2{font-size:1.5rem;font-weight:900;margin-bottom:32px}
.para-quem h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--yellow)}
.para-quem ul{list-style:none;max-width:600px;margin:0 auto;text-align:left}
.para-quem li{padding:10px 0;font-size:1rem;color:var(--muted);border-bottom:1px solid var(--border-card)}
.para-quem li::before{content:'✓ ';color:var(--yellow);font-weight:700}

/* CTA SECTION */
.cta-section{padding:60px 0;text-align:center}

/* FOOTER */
.lp-footer{padding:24px 0;border-top:1px solid var(--border-card);text-align:center;font-size:.8rem;color:var(--muted)}

/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.modal-overlay.active{display:flex}
.modal-card{background:var(--bg2);border:1px solid var(--border-card);border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative}
.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer}
.modal-close:hover{color:var(--text)}
.modal-body{padding:32px 28px}
.modal-progress{height:4px;background:var(--bg);border-radius:2px;overflow:hidden}
.modal-progress-fill{height:100%;background:var(--yellow);transition:width .3s}

/* FORM */
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.form-group input{width:100%;padding:14px 16px;background:var(--bg);border:1px solid var(--border-card);border-radius:8px;color:var(--text);font-family:var(--font);font-size:1rem;outline:none;transition:border .2s}
.form-group input:focus{border-color:var(--yellow)}
.form-group input::placeholder{color:var(--muted)}

/* QUESTION */
.question-wrap{text-align:center}
.question-emoji{font-size:2.5rem;margin-bottom:12px}
.question-text{font-size:1.1rem;font-weight:600;margin-bottom:24px;line-height:1.4}
.question-options{display:flex;flex-direction:column;gap:10px}
.option-btn{padding:14px 18px;background:var(--bg);border:1px solid var(--border-card);border-radius:10px;color:var(--text);font-family:var(--font);font-size:.95rem;text-align:left;cursor:pointer;transition:all .15s}
.option-btn:hover{border-color:var(--yellow);background:rgba(242,196,25,.05)}
.option-btn.selected{border-color:var(--yellow);background:rgba(242,196,25,.12);font-weight:600}

/* RESULT */
.result-wrap{text-align:center;padding:20px 0}
.result-badge{display:inline-block;padding:8px 24px;border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.result-badge.quente{background:rgba(255,107,53,.2);color:#FF6B35}
.result-badge.morno{background:rgba(242,196,25,.2);color:#F2C419}
.result-badge.frio{background:rgba(107,142,174,.2);color:#6B8EAE}
.result-title{font-size:1.3rem;font-weight:900;margin-bottom:12px}
.result-desc{font-size:.95rem;color:var(--muted);line-height:1.6;margin-bottom:24px}

/* CALCOM EMBED */
.calcom-embed{border-radius:12px;overflow:hidden;min-height:500px;background:var(--bg)}

/* SPINNER */
.lp-spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(242,196,25,.2);border-top-color:#F2C419;border-radius:50%;animation:lpspin .8s linear infinite}
@keyframes lpspin{to{transform:rotate(360deg)}}

/* RESPONSIVE */
@media(max-width:768px){
    .hero{padding:48px 0 40px}
    .hero h1{font-size:1.8rem}
    .features,.para-quem,.cta-section{padding:40px 0}
    .modal-body{padding:24px 20px}
    .btn-cta{padding:16px 32px;font-size:.9rem;width:100%}
}