*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:#000;color:#fff;}
:root{
  --gold:#f59e0b;--gold2:#fbbf24;
  --gold-faint:rgba(245,158,11,.08);--gold-border:rgba(245,158,11,.22);
  --bg:#000;--bg2:#0a0a0a;--bg3:#111;
  --text:#e5e7eb;--muted:#9ca3af;--subtle:#6b7280;
}

/* ── URGENCY BAR ── */
.urgency-bar{
  background:var(--gold);color:#000;
  text-align:center;padding:11px 16px;
  font-size:13px;font-weight:800;letter-spacing:.4px;
}
.urgency-bar-inner{display:inline-flex;align-items:center;gap:6px;}

/* ── HEADER ── */
header{
  background:#000;border-bottom:1px solid #1a1a1a;
  padding:0 24px;height:64px;
  display:flex;align-items:center;justify-content:space-between;
}
.logo{display:flex;align-items:center;font-size:24px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none;position:relative;}
.logo-q{color:var(--gold);position:relative;}
.logo-q::after{content:'';position:absolute;bottom:-2px;right:-1px;width:6px;height:6px;background:var(--gold);border-radius:50%;}
.logo-rest{color:#fff;}
.header-badge{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.28);color:var(--gold);font-size:11px;font-weight:700;padding:5px 12px;border-radius:100px;letter-spacing:.5px;}

/* ── HERO ── */
.hero{
  padding:72px 24px 80px;
  background:#000;
  background-image:radial-gradient(rgba(245,158,11,.07) 1px,transparent 1px);
  background-size:24px 24px;
  position:relative;overflow:hidden;
}
.hero-glow{
  position:absolute;top:-60px;left:50%;transform:translateX(-50%);
  width:700px;height:500px;
  background:radial-gradient(ellipse,rgba(245,158,11,.11) 0%,rgba(245,158,11,.04) 45%,transparent 70%);
  pointer-events:none;
}
.hero-inner{max-width:660px;margin:0 auto;text-align:center;position:relative;z-index:2;}

/* eyebrow pill */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--gold-faint);border:1px solid var(--gold-border);
  color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;
  padding:6px 16px;border-radius:100px;margin-bottom:28px;
}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.6s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.5);}}

/* title */
.hero-title{
  font-size:clamp(34px,5.5vw,56px);font-weight:900;
  line-height:1.07;letter-spacing:-2px;margin-bottom:18px;
}
.hero-title em{color:var(--gold);font-style:normal;}
.hero-sub{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto;}

/* prize box */
.prize-box{
  background:var(--gold-faint);border:1px solid var(--gold-border);
  border-radius:16px;padding:28px 32px;margin-bottom:32px;
  position:relative;overflow:hidden;
}
.prize-box::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% -10%,rgba(245,158,11,.18) 0%,transparent 60%);
  pointer-events:none;
}
.prize-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--muted);margin-bottom:8px;display:block;position:relative;}
.prize-value{font-size:clamp(52px,9vw,80px);font-weight:900;color:var(--gold);line-height:1;letter-spacing:-4px;margin-bottom:6px;position:relative;}
.prize-via{color:var(--muted);font-size:14px;font-weight:600;position:relative;}
.prize-via strong{color:var(--gold2);}

/* CTA button */
.cta-btn{
  display:block;width:100%;max-width:480px;margin:0 auto 20px;
  background:var(--gold);color:#000;
  font-size:16px;font-weight:900;letter-spacing:.4px;
  padding:18px 28px;border:none;border-radius:12px;
  cursor:pointer;text-decoration:none;text-align:center;
  position:relative;overflow:hidden;transition:opacity .2s;
}
.cta-textbox{
  display:block;
  width:100%;
  max-width:480px;
  margin:0 auto 20px;
  color:#000;
  font-size:16px;
  font-weight:900;
  letter-spacing:.4px;
  padding:18px 28px;
  border:none;
  border-radius:12px;
  text-decoration:none;
  text-align:center;
  position:relative;
  overflow:hidden;
  transition:opacity .2s;
}

.cta-btn:hover{opacity:.92;}
.cta-btn::after{
  content:'';position:absolute;top:-50%;left:-60%;
  width:40%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-20deg);
  animation:shimmer 2.4s ease-in-out infinite;
}
@keyframes shimmer{0%{left:-60%;}100%{left:140%;}}

/* social proof */
.social-proof{
  display:flex;align-items:center;justify-content:center;
  gap:8px;font-size:13px;color:var(--muted);margin-bottom:28px;
}
.sp-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;}
.sp-count{color:#fff;font-weight:700;}

/* trust */
.trust{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--subtle);}
.trust-icon{width:15px;height:15px;fill:var(--subtle);flex-shrink:0;}

/* ── COMO FUNCIONA ── */
.steps{background:var(--bg2);padding:80px 24px;border-top:1px solid #111;}
.steps-inner{max-width:900px;margin:0 auto;}
.section-eyebrow{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;display:block;}
.section-title{font-size:clamp(24px,3.5vw,36px);font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:48px;}
.section-title em{color:var(--gold);font-style:normal;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}
.steps-grid::before{
  content:'';position:absolute;top:35px;left:10%;right:10%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,158,11,.25),transparent);
}
.step{padding-right:32px;position:relative;z-index:1;}
.step:last-child{padding-right:0;}
.step-num{
  width:70px;height:70px;border-radius:50%;
  background:#000;border:2px solid rgba(245,158,11,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;color:var(--gold);
  margin-bottom:20px;
}
.step-icon{font-size:22px;display:block;margin-bottom:10px;}
.step-title{font-size:18px;font-weight:800;margin-bottom:8px;}
.step-desc{color:var(--muted);font-size:14px;line-height:1.7;}

/* ── STATS ── */
.stats{
  padding:80px 24px;
  background:#000;
  background-image:radial-gradient(rgba(245,158,11,.05) 1px,transparent 1px);
  background-size:24px 24px;
  border-top:1px solid #111;
}
.stats-inner{max-width:900px;margin:0 auto;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}
.stat{background:var(--bg2);border:1px solid #1a1a1a;padding:28px 20px;text-align:center;}
.stat-n{font-size:40px;font-weight:900;color:var(--gold);line-height:1;display:block;letter-spacing:-2px;}
.stat-l{color:var(--muted);font-size:13px;margin-top:6px;display:block;}

/* ── CTA FINAL ── */
.cta-final{
  padding:96px 24px;
  background:#000;
  background-image:radial-gradient(rgba(245,158,11,.08) 1px,transparent 1px);
  background-size:24px 24px;
  text-align:center;position:relative;overflow:hidden;
  border-top:1px solid #111;
}
.cta-glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:600px;height:400px;
  background:radial-gradient(ellipse,rgba(245,158,11,.13) 0%,transparent 60%);
  pointer-events:none;
}
.cta-final-inner{position:relative;z-index:2;max-width:580px;margin:0 auto;}
.cta-final-title{font-size:clamp(26px,4.5vw,46px);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;}
.cta-final-title em{color:var(--gold);font-style:normal;}
.cta-final-sub{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:32px;}

/* ── FOOTER ── */
footer{background:#000;border-top:1px solid #111;padding:36px 24px;}
.footer-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer-logo{font-size:20px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-1px;position:relative;}
.footer-logo .logo-q{color:var(--gold);}
.footer-links{display:flex;gap:20px;flex-wrap:wrap;}
.footer-links a{color:var(--subtle);font-size:13px;text-decoration:none;transition:color .15s;}
.footer-links a:hover{color:var(--gold);}
.footer-copy{color:var(--subtle);font-size:12px;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .hero{padding:56px 20px 64px;}
  .steps-grid{grid-template-columns:1fr;gap:32px;}
  .steps-grid::before{display:none;}
  .step{padding-right:0;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:12px;}
}
@media(max-width:480px){
  .prize-value{letter-spacing:-2px;}
  .trust{gap:12px;}
}