/* ============================================================
   funnel.css — sistema visual (dark premium dourado)
   ============================================================ */
:root{
  --bg:#0a0a0c; --surface:#131318; --surface2:#1a1a22;
  --text:#f3f3ef; --muted:#9a9aa5; --dim:#6c6c78;
  --gold:#d4af37; --gold2:#b8902a;
  --brd:rgba(255,255,255,.08); --brd-gold:rgba(212,175,55,.35);
  --green:#22c55e; --red:#ef4444;
  --rr:16px; --rr-sm:14px;
  --grad-gold:linear-gradient(135deg,#d4af37,#b8902a);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg); color:var(--text);
  font-family:'Sora',system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.55; min-height:100vh;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
.wrap{width:100%; max-width:520px; margin:0 auto; padding:24px 20px 64px;}
.wrap-wide{max-width:1100px;}

h1,h2,h3{font-weight:800; letter-spacing:-.02em; line-height:1.15;}
h1{font-size:clamp(26px,7vw,38px);}
h2{font-size:clamp(20px,5vw,26px);}
.gold{color:var(--gold);}
.muted{color:var(--muted);}
.center{text-align:center;}

.brand{display:flex;align-items:center;gap:8px;justify-content:center;
  font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--grad-gold);box-shadow:0 0 12px var(--gold);}

.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);background:rgba(212,175,55,.1);
  border:1px solid var(--brd-gold);border-radius:999px;padding:6px 14px;margin-bottom:18px;}

.card{background:var(--surface);border:1px solid var(--brd);border-radius:var(--rr);
  padding:24px 20px;box-shadow:0 8px 40px rgba(0,0,0,.4);}
.card-gold{border-color:var(--brd-gold);box-shadow:0 0 50px rgba(212,175,55,.08);}

.field{margin-bottom:14px;}
.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px;}
.field input{
  width:100%;height:56px;background:var(--surface2);border:1px solid var(--brd);
  border-radius:var(--rr-sm);color:var(--text);font-size:16px;font-family:inherit;
  padding:0 16px;transition:border-color .15s,box-shadow .15s;
}
.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15);}
.field input::placeholder{color:var(--dim);}

.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 20px;font-size:13px;color:var(--muted);}
.consent input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--gold);}
.consent a{color:var(--gold);text-decoration:underline;}

.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:58px;background:var(--grad-gold);color:#1a1305;font-weight:800;font-size:17px;
  font-family:inherit;border:none;border-radius:var(--rr-sm);cursor:pointer;
  letter-spacing:.01em;transition:transform .08s,box-shadow .2s,opacity .2s;
  box-shadow:0 6px 24px rgba(212,175,55,.3);
}
.btn:active{transform:scale(.98);}
.btn:disabled{opacity:.6;cursor:not-allowed;}
.btn-ghost{background:transparent;color:var(--gold);border:1px solid var(--brd-gold);box-shadow:none;}

.trust{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:18px;
  font-size:12px;color:var(--dim);}
.trust span{display:flex;align-items:center;gap:5px;}

.err{color:var(--red);font-size:13px;margin-top:10px;text-align:center;min-height:18px;}

.spinner{width:20px;height:20px;border:2.5px solid rgba(26,19,5,.3);border-top-color:#1a1305;
  border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes fadeup{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.fadeup{animation:fadeup .5s ease both;}

/* lista de bullets */
.bullets{list-style:none;margin:18px 0;display:flex;flex-direction:column;gap:12px;}
.bullets li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text);}
.bullets li::before{content:'✓';color:var(--gold);font-weight:800;flex-shrink:0;}

.footer{margin-top:34px;text-align:center;font-size:11px;color:var(--dim);line-height:1.7;}
.footer a{color:var(--muted);text-decoration:none;}
