/* =========================================================================
   PESQUISA REMUNERADA SHEIN — Design System (marca: preto / branco / vermelho)
   ========================================================================= */
:root{
  --black:#0a0a0a;
  --ink:#141414;
  --muted:#6b7280;
  --muted-2:#9ca3af;
  --bg:#ffffff;
  --bg-soft:#f5f5f6;
  --bg-soft-2:#efeff1;
  --line:#e6e6ea;
  --red:#e4002b;
  --red-dark:#c80025;
  --green:#12a150;
  --green-soft:#e8f7ee;
  --shadow-sm:0 1px 3px rgba(0,0,0,.08);
  --shadow:0 8px 24px rgba(0,0,0,.10);
  --shadow-lg:0 18px 48px rgba(0,0,0,.16);
  --radius:16px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg-soft);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  overflow-x:hidden;
  touch-action:manipulation;
}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea{font-family:inherit}
.font-display{font-family:'Plus Jakarta Sans','DM Sans',sans-serif}
.font-mono{font-family:'JetBrains Mono','DM Sans',monospace;font-variant-numeric:tabular-nums}

/* ===== NAV ===== */
.nav{
  position:sticky;top:0;z-index:60;
  background:var(--black);
  padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:56px;
  box-shadow:0 2px 12px rgba(0,0,0,.18);
}
.nav-logo{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:20px;font-weight:800;color:#fff;
  letter-spacing:.16em;text-transform:uppercase;
  padding-right:4px;
}

/* ===== BALANCE PILL (canto superior esquerdo) ===== */
.balance-pill{
  display:inline-flex;align-items:center;gap:9px;
  background:#fff;border-radius:999px;
  padding:5px 12px 5px 8px;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.6);
  transition:transform .25s ease, box-shadow .25s ease;
}
.balance-pill .coin{
  width:26px;height:26px;border-radius:999px;
  background:linear-gradient(135deg,#16c265,#0f9b4d);
  display:flex;align-items:center;justify-content:center;
  color:#fff;flex:0 0 auto;
  box-shadow:0 2px 6px rgba(16,161,80,.4);
}
.balance-pill .coin svg{width:15px;height:15px}
.balance-pill .b-text{display:flex;flex-direction:column;line-height:1.05}
.balance-pill .b-label{font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.balance-pill .b-value{font-size:15px;font-weight:800;color:var(--ink)}
.balance-pill.bump{animation:pillBump .5s ease}
@keyframes pillBump{0%{transform:scale(1)}35%{transform:scale(1.12);box-shadow:0 6px 18px rgba(16,161,80,.5)}100%{transform:scale(1)}}

/* toast +R$ */
.gain-toast{
  position:fixed;left:50%;top:64px;transform:translateX(-50%) translateY(-16px);
  background:var(--green);color:#fff;font-weight:800;font-size:14px;
  padding:9px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(16,161,80,.45);
  opacity:0;pointer-events:none;z-index:80;transition:all .35s cubic-bezier(.2,.9,.3,1.2);
}
.gain-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== LAYOUT ===== */
.page{min-height:100dvh;display:flex;flex-direction:column}
.container{width:100%;max-width:480px;margin:0 auto;padding:18px 16px 40px;flex:1}
.stack>*+*{margin-top:14px}
.center{text-align:center}
.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}
.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}

/* ===== TYPOGRAPHY ===== */
h1.title{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;line-height:1.16;font-weight:800;color:var(--ink);letter-spacing:-.01em}
h2.title{font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;line-height:1.2;font-weight:800;color:var(--ink)}
.lead{font-size:15.5px;color:#374151;line-height:1.55}
.small{font-size:12.5px;color:var(--muted)}
.hl{color:var(--red);font-weight:800}
.hl-green{color:var(--green);font-weight:800}
.underline-red{box-shadow:inset 0 -8px 0 rgba(228,0,43,.14)}

/* ===== BADGES ===== */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.03em;padding:6px 12px;border-radius:999px}
.badge-red{background:rgba(228,0,43,.1);color:var(--red)}
.badge-green{background:var(--green-soft);color:var(--green)}
.badge-dark{background:#111;color:#fff}
.badge-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}

/* ===== CARD ===== */
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;border:1px solid #f0f0f2}
.card-flat{background:#fff;border-radius:var(--radius);border:1px solid var(--line);padding:16px}
.card-dark{background:linear-gradient(160deg,#161616,#000);color:#fff;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-lg)}

/* ===== BUTTONS ===== */
.btn{
  position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:16px 20px;border-radius:14px;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:16.5px;font-weight:800;
  transition:transform .12s ease, box-shadow .2s ease, opacity .2s ease;
  text-decoration:none;text-align:center;
}
.btn:active{transform:scale(.985)}
.btn-red{background:linear-gradient(135deg,#ff1f4b,#e4002b 55%,#c80025);color:#fff;box-shadow:0 10px 26px rgba(228,0,43,.36)}
.btn-black{background:var(--black);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.24)}
.btn-green{background:linear-gradient(135deg,#18c063,#0f9b4d);color:#fff;box-shadow:0 10px 26px rgba(16,161,80,.35)}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn[disabled],.btn.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
.btn .arrow{font-size:19px;line-height:1}

/* lock progress under a button */
.lock-wrap{width:100%}
.lock-info{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--muted);font-weight:700;margin-top:9px}
.lock-track{width:100%;height:6px;background:#e9e9ee;border-radius:999px;overflow:hidden;margin-top:8px}
.lock-fill{height:100%;width:0;background:linear-gradient(90deg,#e4002b,#ff4d6d);border-radius:999px;transition:width .9s linear}

/* ===== HERO / VIDEO ===== */
.hero-note{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.video-facade{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--shadow-lg);aspect-ratio:16/9}
.video-facade.vertical{aspect-ratio:9/16;max-width:340px;margin:0 auto}
.video-facade .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.video-facade .veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.15),rgba(0,0,0,.62))}
.video-facade .play-btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}
.play-circle{width:74px;height:74px;border-radius:999px;background:var(--red);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(228,0,43,.5);animation:pulseGlow 2s infinite}
.play-circle svg{width:30px;height:30px;margin-left:4px}
.play-label{font-weight:800;font-size:14px;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.live-tag{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:6px;display:flex;align-items:center;gap:5px;z-index:3}
.live-dot{width:7px;height:7px;border-radius:999px;background:#fff;animation:blink 1.1s infinite}
.video-mount{width:100%;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);background:#000}
.video-mount .wistia_responsive_padding{border-radius:16px;overflow:hidden}

/* ===== FORM ===== */
.field{margin-bottom:14px;text-align:left}
.field label{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px}
.field .inp{position:relative}
.field input,.field textarea{
  width:100%;padding:15px 15px;border:1.5px solid var(--line);border-radius:12px;
  font-size:16px;color:var(--ink);background:#fff;transition:border-color .15s, box-shadow .15s;
}
.field textarea{min-height:96px;resize:vertical;line-height:1.5}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(228,0,43,.12)}
.field .err{color:var(--red);font-size:12.5px;font-weight:600;margin-top:6px;display:none}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid textarea{border-color:var(--red)}

/* radio options */
.opt{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  padding:15px 16px;border:1.5px solid var(--line);border-radius:13px;background:#fff;
  font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:10px;transition:all .14s;
}
.opt:hover{border-color:#c9c9d0}
.opt .radio{width:22px;height:22px;border-radius:999px;border:2px solid #cfcfd6;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:all .14s}
.opt .radio i{width:10px;height:10px;border-radius:999px;background:var(--red);transform:scale(0);transition:transform .14s}
.opt.sel{border-color:var(--red);background:rgba(228,0,43,.04)}
.opt.sel .radio{border-color:var(--red)}
.opt.sel .radio i{transform:scale(1)}

/* segmented (pix type) */
.seg{display:flex;gap:8px;margin-bottom:14px}
.seg button{flex:1;padding:12px 8px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-weight:700;font-size:13.5px;color:var(--muted);transition:all .14s}
.seg button.on{border-color:var(--red);color:var(--red);background:rgba(228,0,43,.05)}

/* ===== META / PROGRESS (pesquisas do dia) ===== */
.meta-bar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow-sm)}
.meta-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.meta-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink)}
.meta-label svg{width:16px;height:16px;color:var(--red)}
.meta-count{font-size:13px;font-weight:800;color:var(--red)}
.meta-count b{color:var(--ink)}
.meta-track{height:9px;background:#ededf1;border-radius:999px;overflow:hidden}
.meta-fill{height:100%;width:0;background:linear-gradient(90deg,#e4002b,#ff5277);border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.meta-dots{display:flex;gap:5px;margin-top:9px}
.meta-dot{flex:1;height:5px;border-radius:999px;background:#e6e6ea}
.meta-dot.done{background:var(--green)}
.meta-dot.now{background:var(--red)}

/* ===== REWARD OVERLAY ===== */
.reward-ov{position:fixed;inset:0;z-index:90;background:rgba(6,6,10,.62);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px}
.reward-ov.show{display:flex;animation:fadeIn .2s}
.reward-card{background:#fff;border-radius:22px;padding:30px 24px;text-align:center;max-width:340px;width:100%;box-shadow:var(--shadow-lg);animation:popIn .4s cubic-bezier(.2,.9,.3,1.3)}
.reward-emoji{font-size:52px;line-height:1;margin-bottom:6px;animation:bounceIn .5s}
.reward-plus{font-family:'Plus Jakarta Sans';font-size:40px;font-weight:800;color:var(--green);margin:6px 0}
.reward-sub{font-size:14px;color:var(--muted);font-weight:600}
.reward-total{margin-top:16px;background:var(--bg-soft);border-radius:14px;padding:12px}
.reward-total .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.reward-total .val{font-family:'Plus Jakarta Sans';font-size:26px;font-weight:800;color:var(--ink)}

/* ===== TESTIMONIALS ===== */
.tst{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-sm)}
.tst .ava{width:46px;height:46px;border-radius:999px;overflow:hidden;flex:0 0 auto;background:var(--bg-soft-2)}
.tst .ava img{width:100%;height:100%;object-fit:cover}
.tst .body{flex:1;min-width:0}
.tst .name{font-weight:800;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:5px}
.tst .verified{width:14px;height:14px;color:#1d9bf0}
.tst .stars{color:#f5a623;font-size:12px;letter-spacing:1px;margin:1px 0 4px}
.tst .text{font-size:13.5px;color:#374151;line-height:1.5}
.tst .amount{margin-top:6px;display:inline-flex;align-items:center;gap:5px;background:var(--green-soft);color:var(--green);font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}

/* ===== COMPROVANTE / CERTIFICADO ===== */
.receipt{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #eee}
.receipt-head{background:var(--green);color:#fff;padding:13px 16px;display:flex;align-items:center;gap:10px}
.receipt-head .ic{width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
.receipt-head .ic svg{width:17px;height:17px}
.receipt-head .t{font-weight:800;font-size:14px}
.receipt-head .s{font-size:11px;opacity:.9}
.receipt-body{padding:15px 16px}
.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;border-bottom:1px dashed #ececf0}
.receipt-row:last-child{border-bottom:none}
.receipt-row .k{color:var(--muted);font-weight:600}
.receipt-row .v{color:var(--ink);font-weight:800;text-align:right}
.receipt-row .v.green{color:var(--green)}
.receipt-total{margin-top:8px;background:var(--green-soft);border-radius:11px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center}
.receipt-total .k{font-weight:800;color:#0b7a3b;font-size:13px}
.receipt-total .v{font-family:'Plus Jakarta Sans';font-weight:800;color:var(--green);font-size:20px}

/* ===== INFO / STEPS ===== */
.info-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0}
.info-row .ic{width:38px;height:38px;border-radius:11px;background:rgba(228,0,43,.08);color:var(--red);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.info-row .ic svg{width:19px;height:19px}
.info-row .t{font-weight:800;font-size:14px;color:var(--ink)}
.info-row .d{font-size:12.5px;color:var(--muted)}
.check-list{list-style:none}
.check-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;color:#374151}
.check-list li .ck{width:22px;height:22px;border-radius:999px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.check-list li .ck svg{width:13px;height:13px}

/* analysis (parabens) */
.analyze-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:10px;opacity:.45;transition:all .35s}
.analyze-item.active{opacity:1;border-color:#dfeee6;box-shadow:var(--shadow-sm)}
.analyze-item .sp{width:22px;height:22px;flex:0 0 auto}
.analyze-item .txt{font-size:14px;font-weight:700;color:var(--ink)}
.spinner{width:20px;height:20px;border:2.5px solid #e6e6ea;border-top-color:var(--red);border-radius:999px;animation:spin .7s linear infinite}
.dot-check{width:22px;height:22px;border-radius:999px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}
.dot-check svg{width:13px;height:13px}

/* gift boxes */
.gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gift{aspect-ratio:1;border-radius:16px;background:linear-gradient(160deg,#1b1b1b,#000);border:1.5px solid #2a2a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;transition:transform .15s, box-shadow .2s;position:relative;overflow:hidden}
.gift .emo{font-size:34px}
.gift .cap{font-size:11px;font-weight:800;letter-spacing:.05em;color:#bdbdbd}
.gift:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(228,0,43,.28);border-color:var(--red)}
.gift.chosen{background:linear-gradient(160deg,#e4002b,#c80025);border-color:var(--red);box-shadow:0 12px 30px rgba(228,0,43,.45)}
.gift.dim{opacity:.4;filter:grayscale(.5)}
.gift .shine{position:absolute;top:-40%;left:-60%;width:60%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(20deg);animation:shine 2.6s infinite}

/* ===== SECURITY STRIP ===== */
.sec-strip{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.sec-item{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted)}
.sec-item svg{width:15px;height:15px;color:var(--green)}
.footer-legal{text-align:center;font-size:10.5px;color:var(--muted-2);margin-top:14px;line-height:1.5;padding:0 8px}

/* callout / tomorrow reward */
.callout{border-radius:16px;padding:16px 16px;display:flex;gap:12px;align-items:flex-start}
.callout-red{background:linear-gradient(135deg,#fff0f3,#ffe3e9);border:1px solid rgba(228,0,43,.2)}
.callout .ic{width:40px;height:40px;border-radius:12px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.callout .ic svg{width:20px;height:20px}
.callout .t{font-weight:800;font-size:14.5px;color:var(--ink)}
.callout .d{font-size:13px;color:#4b5563;margin-top:2px}
.callout .big{font-family:'Plus Jakarta Sans';font-weight:800;color:var(--red);font-size:19px}

/* summary rows */
.sum-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.sum-row .k{color:#4b5563}
.sum-row .v{font-weight:800;color:var(--ink)}
.sum-row.total{border-bottom:none;padding-top:14px}
.sum-row.total .k{font-weight:800;color:var(--ink);font-size:15px}
.sum-row.total .v{font-family:'Plus Jakarta Sans';color:var(--green);font-size:22px}

/* pix box */
.pix-code{background:var(--bg-soft);border:1px dashed #cfcfd6;border-radius:12px;padding:12px;font-size:11.5px;color:#374151;word-break:break-all;font-family:'JetBrains Mono',monospace;line-height:1.5;max-height:96px;overflow:auto}
.qr-wrap{width:210px;height:210px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow-sm)}
.qr-wrap img{width:100%;height:100%;object-fit:contain}
.countdown{font-family:'JetBrains Mono';font-weight:800;color:var(--red)}

/* ===== ANIMATIONS ===== */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes shine{0%{left:-60%}60%,100%{left:130%}}
@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(228,0,43,.5)}70%{box-shadow:0 0 0 16px rgba(228,0,43,0)}100%{box-shadow:0 0 0 0 rgba(228,0,43,0)}}
.anim-fade-up{animation:fadeUp .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.anim-pulse-glow{animation:pulseGlow 2.2s infinite}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}
[data-hydration-error]{display:none !important}

/* ===== PIX (checkout) ===== */
.qr-wrap canvas,.qr-wrap table{display:block;margin:0 auto}
.pix-amount{text-align:center;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted);font-weight:700;margin-bottom:14px}
.pix-amount b{font-family:'Plus Jakarta Sans',sans-serif;font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.05}
.pix-hint{text-align:center;font-size:12.5px;color:var(--muted);margin:14px 0 6px;line-height:1.5}
.copied-ok{color:#4ade80;font-weight:800}

/* ===== PAINEL PIX (Genesys / fallback) ===== */
.pix-panel{background:#fff;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.pix-head{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#161616,#000);color:#fff}
.pix-tag{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:12px;letter-spacing:.06em;background:#32bcad;color:#00332e;padding:4px 9px;border-radius:7px}
.pix-head-lbl{font-size:13px;font-weight:700;color:#f2f2f4;flex:1}
.pix-head-val{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:17px;color:#fff;letter-spacing:-.01em}
.pix-body{padding:18px 16px}
.pix-expire{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--red);background:rgba(228,0,43,.07);border:1px solid rgba(228,0,43,.16);border-radius:10px;padding:8px 12px;margin-bottom:16px}
.pix-expire .ic{font-size:14px}
.pix-timer{font-family:'JetBrains Mono','DM Sans',monospace;font-weight:800;font-variant-numeric:tabular-nums}
.pix-copy-label{font-size:11.5px;font-weight:800;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:16px 0 7px;text-align:center}
.qr-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;font-weight:700;color:var(--muted);text-align:center;padding:12px}
.pix-help{margin-top:18px;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:14px 15px}
.pix-help-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:11px;display:flex;align-items:center;gap:7px}
.pix-help-title::before{content:'💡';font-size:15px}
.pix-steps{list-style:none;display:flex;flex-direction:column;gap:11px}
.pix-steps li{display:flex;align-items:flex-start;gap:11px;font-size:12.5px;color:var(--ink);font-weight:600;line-height:1.45}
.pix-steps li b{font-weight:800}
.pix-step-n{flex:none;width:22px;height:22px;border-radius:999px;background:var(--black);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.pix-waiting{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fffaf0;border:1px solid #ffe0a3;border-radius:12px;padding:11px 13px;font-size:12.5px;font-weight:800;color:#b45309}
.pix-wdot{width:9px;height:9px;border-radius:999px;background:#f59e0b;flex:none;animation:blink 1.05s infinite}
.pix-verify-btn.is-loading{opacity:.85;pointer-events:none}
.pix-btn-spin{display:inline-block;width:15px;height:15px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:999px;vertical-align:-2px;margin-right:7px;animation:spin .7s linear infinite}
.pix-verify-msg{margin-top:11px;border-radius:12px;padding:11px 13px;font-size:12.5px;font-weight:700;line-height:1.4;text-align:center}
.pix-verify-msg.pix-msg-warn{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}
.pix-verify-msg b{font-weight:800}
.pix-ok{padding:30px 22px}
.pix-ok-badge{font-size:52px;line-height:1;margin-bottom:10px;animation:bounceIn .55s cubic-bezier(.2,.8,.2,1) both}
.pix-ok-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;font-weight:800;color:var(--green);letter-spacing:-.01em;margin-bottom:6px}
.pix-ok-bar{margin:16px auto 0;width:min(220px,80%);height:6px;background:#e9e9ee;border-radius:999px;overflow:hidden}
.pix-ok-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#18c063,#0f9b4d);border-radius:999px;animation:okFill 1.4s ease forwards}
@keyframes okFill{to{width:100%}}

/* ===== NOTIFICAÇÕES FLUTUANTES DE PROVA SOCIAL ===== */
.float-toast{position:fixed;left:12px;bottom:16px;z-index:60;width:min(300px,calc(100vw - 24px));background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.22);border:1px solid #eee;padding:12px 13px;transform:translateY(150%);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.2,1),opacity .5s}
.float-toast.show{transform:translateY(0);opacity:1}
.ft-head{display:flex;align-items:center;gap:10px}
.ft-ava{width:38px;height:38px;border-radius:999px;overflow:hidden;flex:none;background:var(--bg-soft);border:1.5px solid #fff;box-shadow:var(--shadow-sm)}
.ft-ava img{width:100%;height:100%;object-fit:cover}
.ft-txt{font-size:12.5px;line-height:1.35;color:var(--ink);font-weight:600}
.ft-txt b{font-weight:800}
.ft-txt .g{color:var(--green);font-weight:800}
.ft-body:empty{display:none}
.ft-recv{margin-top:10px;background:var(--green-soft);border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between}
.ft-recv .l{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#0b7a3b}
.ft-recv .l svg{width:14px;height:14px}
.ft-recv .v{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--green);font-size:15px}
.ft-time{font-size:10.5px;color:var(--muted);margin-top:6px;text-align:center}

/* ===== ÚLTIMO DIA + CONTADOR DE VAGAS (parabéns) ===== */
.deadline-card{position:relative;overflow:hidden;background:linear-gradient(165deg,#1c0207 0%,#0a0a0a 60%);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow-lg);text-align:center;color:#fff}
.deadline-card::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(228,0,43,.42),transparent 70%);pointer-events:none}
.deadline-head{position:relative;display:inline-flex;align-items:center;gap:8px;background:rgba(228,0,43,.16);border:1px solid rgba(228,0,43,.4);border-radius:999px;padding:6px 14px}
.deadline-dot{width:8px;height:8px;border-radius:999px;background:var(--red);box-shadow:0 0 0 0 rgba(228,0,43,.6);animation:pulseGlow 1.8s infinite}
.deadline-kicker{font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff5b78}
.deadline-date{position:relative;font-family:'Plus Jakarta Sans',sans-serif;font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em;margin:12px 0 4px;color:#fff;text-shadow:0 4px 24px rgba(228,0,43,.35)}
.deadline-sub{position:relative;font-size:12.5px;line-height:1.5;color:#cfcfd6;max-width:300px;margin:0 auto}
.deadline-sub b{color:#fff;font-weight:800}
.vagas-box{position:relative;display:flex;align-items:center;gap:14px;text-align:left;margin-top:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}
.vagas-box.flash{animation:vagaFlash .7s ease}
.vagas-ring{flex:none;width:66px;height:66px;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#ff1f4b,#c80025);box-shadow:0 8px 22px rgba(228,0,43,.5),inset 0 0 0 3px rgba(255,255,255,.14);animation:pulseGlow 2.2s infinite}
.vagas-ring-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;font-weight:800;color:#fff;line-height:1}
.vagas-ring-lbl{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:1px}
.vagas-info{flex:1;min-width:0}
.vagas-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:800;color:#fff}
.vagas-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin:9px 0 7px}
.vagas-bar i{display:block;height:100%;width:33%;border-radius:999px;background:linear-gradient(90deg,#ff4d6d,#e4002b);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.vagas-sub{font-size:11.5px;color:#b9b9c2;line-height:1.4}
@keyframes vagaFlash{0%{background:rgba(228,0,43,.28)}100%{background:rgba(255,255,255,.05)}}
/* versão compacta (fica abaixo do vídeo, sem roubar atenção) */
.deadline-card.compact{padding:12px 14px;text-align:left}
.deadline-card.compact::before{width:150px;height:150px;top:-70%}
.deadline-card.compact .dc-top{position:relative;display:flex;align-items:center;gap:10px}
.dc-kicker{font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:800;color:#fff;line-height:1.25}
.dc-kicker span{color:#ff5b78}
.dc-sub{font-size:11.5px;color:#cfcfd6;margin-top:2px;line-height:1.35}
.dc-sub b{color:#fff;font-weight:800}
.deadline-card.compact .vagas-bar{position:relative;margin:9px 0 0}

/* ======================================================================
   POP-UP DE SAÍDA (exit-intent) — usado nos upsells/downsells
   ====================================================================== */
body.no-scroll{overflow:hidden}
.exit-overlay{position:fixed;inset:0;z-index:9999;background:rgba(10,10,12,.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px;animation:exitFade .18s ease-out}
.exit-overlay[hidden]{display:none}
@keyframes exitFade{from{opacity:0}to{opacity:1}}
.exit-modal{background:var(--bg);border-radius:20px;max-width:400px;width:100%;padding:26px 22px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.4);animation:exitPop .22s cubic-bezier(.2,.9,.3,1.2)}
@keyframes exitPop{from{transform:translateY(16px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.exit-ic{font-size:40px;line-height:1;margin-bottom:6px}
.exit-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:var(--ink);line-height:1.2;margin:4px 0 8px}
.exit-msg{font-size:13.5px;color:var(--muted);line-height:1.5;margin-bottom:18px}
.exit-modal .btn{width:100%}
.exit-leave{display:inline-block;margin-top:12px;background:none;border:none;color:var(--muted-2);font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer}
.exit-leave:hover{color:var(--muted)}