.elementor-2421 .elementor-element.elementor-element-facaa9a{--display:flex;}.elementor-2421 .elementor-element.elementor-element-facaa9a:not(.elementor-motion-effects-element-type-background), .elementor-2421 .elementor-element.elementor-element-facaa9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}@media(min-width:768px){.elementor-2421 .elementor-element.elementor-element-facaa9a{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-9eec8c3 */<style>
/* ──────────────────────────────────────────────────────────────
   0. RESET CIRÚRGICO — não vaza para o tema WordPress
────────────────────────────────────────────────────────────────*/
#rra { --g: #FFD700; --g2: #FFF5B0; --g3: #B8860B; --bg: #07070f;
       --r16: 16px; --r12: 12px; --r8: 8px;
       --sp: 8px; }

#rra, #rra *, #rra *::before, #rra *::after {
  box-sizing: border-box;
  font-family: 'Inter','Segoe UI',system-ui,sans-serif;
}
/* Apenas margin zero — padding é controlado por classe */
#rra * { margin: 0; }

/* ──────────────────────────────────────────────────────────────
   1. ROOT WIDGET
────────────────────────────────────────────────────────────────*/
#rra {
  width: 100%; max-width: 940px; margin: 0 auto;
  padding: 20px 16px 48px;
  background: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 55% at 8% 0%,  rgba(139,92,246,.18) 0%,transparent 65%),
    radial-gradient(ellipse 60% 45% at 92% 100%,rgba(30,144,255,.12) 0%,transparent 65%);
  color: #fff; overflow: hidden; border-radius: 20px;
  position: relative;
}

/* ──────────────────────────────────────────────────────────────
   2. KEYFRAMES
────────────────────────────────────────────────────────────────*/
@keyframes rFly  { 0%,100%{transform:translateY(0) rotate(-4deg)} 50%{transform:translateY(-8px) rotate(4deg)} }
@keyframes rFlyR { 0%,100%{transform:scaleX(-1) translateY(0) rotate(-4deg)} 50%{transform:scaleX(-1) translateY(-8px) rotate(4deg)} }
@keyframes rDot  { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
@keyframes rGold { to{background-position:220% center} }
@keygeon: rIn    { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes rIn   { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes rOut  { from{opacity:1;transform:translateY(0)} to{opacity:0;transform:translateY(-12px)} }
@keyframes rPop  { 0%{transform:scale(.4);opacity:0} 60%{transform:scale(1.06)} 100%{transform:scale(1);opacity:1} }
@keyframes rPulse{ 0%,100%{opacity:.38} 50%{opacity:.65} }
@keyframes rOrb  { 0%,100%{opacity:.6;transform:scale(1)} 50%{opacity:1;transform:scale(1.12)} }
@keyframes rFloat{ 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-10px) rotate(2deg)} }
@keyframes rSlide{ from{opacity:0;transform:translateX(-16px)} to{opacity:1;transform:translateX(0)} }
@keyframes rFadeU{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@keyframes rWGlow{ 0%,100%{box-shadow:0 0 0 2px rgba(0,0,0,.9),0 0 0 4px rgba(255,215,0,.25),0 0 55px rgba(255,200,0,.28),0 14px 50px rgba(0,0,0,.7)} 50%{box-shadow:0 0 0 2px rgba(0,0,0,.9),0 0 0 4px rgba(255,215,0,.45),0 0 70px rgba(255,200,0,.40),0 14px 50px rgba(0,0,0,.7)} }
@keyframes rCTAp { 0%,100%{box-shadow:0 6px 30px rgba(37,211,102,.35)} 50%{box-shadow:0 12px 44px rgba(37,211,102,.65)} }
@keyframes rCTAs { 0%{transform:translateX(-100%)} 60%,100%{transform:translateX(110%)} }
@keyframes rRays { to{transform:rotate(360deg)} }
@keyframes rSpin { to{transform:rotate(360deg)} }
@keyframes rPrize{ from{opacity:0;transform:scale(.84) translateY(22px)} to{opacity:1;transform:scale(1) translateY(0)} }
@keyframes rBounce{ 0%{transform:scale(.3) rotate(-15deg);opacity:0} 60%{transform:scale(1.18) rotate(4deg);opacity:1} 80%{transform:scale(.94) rotate(-2deg)} 100%{transform:scale(1) rotate(0)} }

/* ──────────────────────────────────────────────────────────────
   3. HEADER
────────────────────────────────────────────────────────────────*/
#rra-hdr { text-align:center; padding-bottom: 16px; }

#rra-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 16px;
  background: rgba(255,215,0,.10);
  border: 1px solid rgba(255,215,0,.28);
  border-radius: 999px;
  font-size: .64rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 2.5px;
  color: var(--g); margin-bottom: 12px;
}
#rra-bdot { width:6px; height:6px; border-radius:50%; background:var(--g); flex-shrink:0; animation:rDot 1.6s ease-in-out infinite; }

#rra-planes { display:flex; align-items:center; justify-content:center; gap:16px; }
.rra-p  { font-size:1.9rem; display:inline-block; animation:rFly  3.2s ease-in-out infinite; }
.rra-p.r{ animation:rFlyR 3.2s ease-in-out infinite; animation-delay:-1.6s; }

#rra-ttl {
  font-size: clamp(1.6rem, 5vw, 2.7rem);
  font-weight: 900; line-height: 1.1;
  text-transform: uppercase; letter-spacing: 2px;
  background: linear-gradient(100deg,#FFF5B0 0%,#FFD700 28%,#FFA500 55%,#FFD700 80%,#FFF5B0 100%);
  background-size: 220% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: rGold 3.5s linear infinite;
}

/* ──────────────────────────────────────────────────────────────
   4. SCREENS
────────────────────────────────────────────────────────────────*/
.rra-scr { width: 100%; }
#rra-sf  { max-width: 940px; margin: 0 auto; }
#rra-sw, #rra-sp { max-width: 580px; margin: 0 auto; }
.rra-hide  { display: none !important; }
.rra-enter { animation: rIn  .55s cubic-bezier(.16,1,.3,1) both; }
.rra-exit  { animation: rOut .35s ease-in both; }

/* ──────────────────────────────────────────────────────────────
   5. FORM CARD — 2 colunas
────────────────────────────────────────────────────────────────*/
#rra-card {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 28px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05);
}

/* ── LEFT ── */
#rra-l {
  padding: 40px 32px;
  background: linear-gradient(155deg,#130823 0%,#0a0d22 55%,#091428 100%);
  border-right: 1px solid rgba(255,255,255,.06);
  display: flex; flex-direction: column; gap: 24px;
  position: relative; overflow: hidden;
}
#rra-l::before {
  content:''; position:absolute; top:-80px; right:-80px;
  width:260px; height:260px; border-radius:50%;
  background: radial-gradient(circle,rgba(255,215,0,.14) 0%,transparent 65%);
  animation: rOrb 5s ease-in-out infinite; pointer-events:none;
}
#rra-l::after {
  content:''; position:absolute; bottom:-60px; left:-60px;
  width:220px; height:220px; border-radius:50%;
  background: radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 65%);
  animation: rOrb 6s ease-in-out infinite reverse; pointer-events:none;
}
.rra-brand { position:relative; z-index:1; }
.rra-crown { font-size:2.8rem; display:block; margin-bottom:10px; animation:rFloat 3.5s ease-in-out infinite; }
.rra-bttl  {
  font-size:1.35rem; font-weight:900; line-height:1.2; margin-bottom:6px;
  background:linear-gradient(110deg,#FFF5B0,#FFD700,#FFA500);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.rra-bsub { font-size:.78rem; color:rgba(255,255,255,.4); line-height:1.65; }

.rra-divider { height:1px; background:rgba(255,255,255,.07); position:relative; z-index:1; flex-shrink:0; }

/* Prize list */
.rra-prizes { list-style:none; display:flex; flex-direction:column; gap:7px; position:relative; z-index:1; }
.rra-prize {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  font-size: .77rem; font-weight: 600; color: rgba(255,255,255,.8);
  opacity: 0; animation: rSlide .42s ease forwards;
}
.rra-prize:nth-child(1){animation-delay:.06s} .rra-prize:nth-child(2){animation-delay:.12s}
.rra-prize:nth-child(3){animation-delay:.18s} .rra-prize:nth-child(4){animation-delay:.24s}
.rra-prize:nth-child(5){animation-delay:.30s} .rra-prize:nth-child(6){animation-delay:.36s}
.rra-pico { font-size:.95rem; flex-shrink:0; line-height:1; }
.rra-pchk {
  margin-left:auto; flex-shrink:0;
  width:16px; height:16px; border-radius:50%;
  background:rgba(46,213,115,.12); border:1px solid rgba(46,213,115,.4);
  display:flex; align-items:center; justify-content:center;
  font-size:.55rem; color:#2ED573; line-height:1;
}

/* Urgency box */
.rra-urg {
  padding: 12px 14px;
  background: rgba(255,215,0,.06); border: 1px solid rgba(255,215,0,.18);
  border-radius: var(--r12);
  position:relative; z-index:1;
  animation: rFadeU .5s .6s ease both;
}
.rra-urg-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; gap:8px; }
.rra-urg-lbl { font-size:.72rem; font-weight:700; color:rgba(255,215,0,.9); }
.rra-urg-cnt { font-size:.66rem; color:rgba(255,255,255,.35); font-weight:600; white-space:nowrap; }
.rra-bar-bg  { height:5px; background:rgba(255,255,255,.08); border-radius:999px; overflow:hidden; }
.rra-bar     { height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#FFD700,#FFA500); transition:width 1.8s cubic-bezier(.16,1,.3,1); }
.rra-cd      { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:10px; flex-wrap:wrap; }
.rra-cd-lbl  { font-size:.68rem; font-weight:700; color:rgba(255,70,87,.9); text-transform:uppercase; letter-spacing:1.5px; }
.rra-cd-time {
  display:inline-flex; align-items:center; padding:4px 12px;
  background:rgba(255,70,87,.08); border:1px solid rgba(255,70,87,.25);
  border-radius:var(--r8); font-size:.82rem; font-weight:900;
  color:#FF4757; font-variant-numeric:tabular-nums; letter-spacing:1px;
}

/* Social proof */
.rra-social { display:flex; align-items:center; gap:12px; position:relative; z-index:1; animation:rFadeU .5s .7s ease both; }
.rra-avs    { display:flex; }
.rra-av     {
  width:28px; height:28px; border-radius:50%;
  border:2px solid #0a0d22;
  font-size:.6rem; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  color:#fff; margin-left:-8px; flex-shrink:0;
}
.rra-av:first-child { margin-left:0; }
.rra-soc-txt { font-size:.72rem; color:rgba(255,255,255,.4); line-height:1.5; }
.rra-soc-txt strong { color:#fff; font-weight:700; }

/* ── RIGHT ── */
#rra-r {
  padding: 40px 36px;
  display: flex; flex-direction: column; justify-content: center;
}

.rra-step {
  display: inline-flex; align-items: center; gap: 6px;
  font-size:.6rem; font-weight:800; text-transform:uppercase;
  letter-spacing:2.5px; color:rgba(255,215,0,.6);
  margin-bottom: 14px;
}
.rra-step-dot { width:5px; height:5px; border-radius:50%; background:var(--g); flex-shrink:0; }

.rra-fttl { font-size:1.55rem; font-weight:900; color:#fff; line-height:1.15; margin-bottom:8px; }
.rra-fttl span {
  background: linear-gradient(100deg,#FFD700,#FFA500);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.rra-fsub { font-size:.8rem; color:rgba(255,255,255,.4); line-height:1.65; margin-bottom:20px; }
.rra-fsub strong { color:rgba(255,215,0,.85); font-weight:700; }

/* Field group */
.rra-fg { margin-bottom:10px; }
.rra-fg > label {
  display:block;
  padding-bottom: 5px;
  font-size:.6rem; font-weight:700;
  text-transform:uppercase; letter-spacing:2px;
  color:rgba(255,255,255,.35);
}

/* Input wrapper — flex row, borda no wrapper não no input */
.rra-fw {
  display:flex; align-items:center;
  height:50px;                         /* altura fixa = consistência visual */
  background: rgba(255,255,255,.055);
  border: 1.5px solid rgba(255,255,255,.1);
  border-radius: var(--r12);
  transition: border-color .2s, background .2s, box-shadow .2s;
  overflow: hidden;                    /* corta raio do input interno */
}
.rra-fw:focus-within {
  border-color: var(--g);
  background: rgba(255,215,0,.04);
  box-shadow: 0 0 0 3px rgba(255,215,0,.12);
}
.rra-fw.err {
  border-color: rgba(255,70,87,.6) !important;
  background: rgba(255,70,87,.05) !important;
  box-shadow: 0 0 0 3px rgba(255,70,87,.10) !important;
}

/* Icon cell */
.rra-fi {
  display: flex; align-items:center; justify-content:center;
  width: 44px; flex-shrink: 0;
  opacity: .45;
}
.rra-fi svg { display:block; }

/* Input cell */
.rra-in {
  flex: 1; min-width: 0;
  height: 100%;
  padding: 0 14px 0 0;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: .9rem;
  font-family: inherit;
}
.rra-in::placeholder { color: rgba(255,255,255,.22); }
.rra-in:-webkit-autofill,
.rra-in:-webkit-autofill:hover,
.rra-in:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #0e1020 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
}

.rra-err-msg { display:none; font-size:.68rem; color:#FF4757; padding-top:4px; }
.rra-err-msg.show { display:block; }

/* Consent */
.rra-consent {
  display:flex; align-items:flex-start; gap:10px;
  margin-top:14px; margin-bottom:4px;
}
.rra-consent input[type=checkbox] {
  -webkit-appearance:none; appearance:none;
  width:17px; height:17px; min-width:17px; min-height:17px;
  border:1.5px solid rgba(255,255,255,.2); border-radius:4px;
  background:rgba(255,255,255,.06);
  cursor:pointer; transition:all .18s; margin-top:1px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.rra-consent input[type=checkbox]:checked {
  background:linear-gradient(135deg,#FFD700,#FFA500);
  border-color:#FFD700;
}
.rra-consent input[type=checkbox]:checked::after {
  content:'✓'; display:block; text-align:center;
  font-size:.6rem; font-weight:900; color:#0a0a14; line-height:17px;
}
.rra-consent input[type=checkbox].err { border-color:rgba(255,70,87,.7); box-shadow:0 0 0 3px rgba(255,70,87,.12); }
.rra-consent > label { font-size:.62rem; color:rgba(255,255,255,.3); line-height:1.6; cursor:pointer; }
.rra-consent > label a { color:rgba(255,215,0,.65); text-decoration:underline; text-underline-offset:2px; }

/* Submit */
.rra-sub-wrap { margin-top:16px; position:relative; }
.rra-sub-glow {
  position:absolute; inset:-4px; border-radius:14px;
  background:linear-gradient(135deg,#FFD700,#FF6B35);
  filter:blur(14px); opacity:.35;
  animation:rPulse 2.2s ease-in-out infinite; pointer-events:none;
}
.rra-sub-btn {
  position:relative; width:100%;
  height:52px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-family:inherit; font-size:.9rem; font-weight:900;
  text-transform:uppercase; letter-spacing:2.5px;
  background:linear-gradient(135deg,#FFE566 0%,#FFD700 40%,#FFA500 100%);
  color:#0a0a14; border:none; border-radius:12px; cursor:pointer;
  transition:transform .16s, box-shadow .16s;
  box-shadow: 0 4px 22px rgba(255,165,0,.40), inset 0 1px 0 rgba(255,255,255,.38);
}
.rra-sub-btn:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(255,165,0,.55),inset 0 1px 0 rgba(255,255,255,.38); }
.rra-sub-btn:active{ transform:translateY(1px); }
.rra-sub-btn.loading { pointer-events:none; opacity:.7; }
.rra-spinner { display:none; width:18px; height:18px; border:2.5px solid rgba(10,10,20,.2); border-top-color:#0a0a14; border-radius:50%; animation:rSpin .7s linear infinite; }
.rra-sub-btn.loading .rra-spinner { display:block; }
.rra-sub-btn.loading .rra-btn-txt { display:none; }

/* Trust row */
.rra-trust {
  display:flex; align-items:center; justify-content:center;
  gap:14px; margin-top:14px; flex-wrap:wrap;
}
.rra-ti { display:flex; align-items:center; gap:5px; font-size:.62rem; font-weight:600; color:rgba(255,255,255,.28); }
.rra-fine { text-align:center; font-size:.57rem; color:rgba(255,255,255,.15); margin-top:8px; line-height:1.65; }

/* Used alert */
#rra-used { display:none; margin-top:14px; padding:16px 20px; background:rgba(255,70,87,.07); border:1px solid rgba(255,70,87,.3); border-radius:var(--r16); text-align:center; }
#rra-used.show { display:block; animation:rIn .4s cubic-bezier(.16,1,.3,1) both; }
.rra-used-i { font-size:1.8rem; display:block; margin-bottom:6px; }
.rra-used-t { font-size:.95rem; font-weight:800; color:#FF4757; margin-bottom:4px; }
.rra-used-s { font-size:.78rem; color:rgba(255,255,255,.4); line-height:1.55; }

/* ──────────────────────────────────────────────────────────────
   6. GLASS CARD
────────────────────────────────────────────────────────────────*/
.rra-glass {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-radius: 20px;
}

/* ──────────────────────────────────────────────────────────────
   7. WHEEL SCREEN
────────────────────────────────────────────────────────────────*/
#rra-wcard { padding:28px 24px 36px; display:flex; flex-direction:column; align-items:center; gap:0; }

#rra-greet { font-size:.88rem; color:rgba(255,255,255,.55); text-align:center; padding-bottom:16px; }
#rra-greet strong { color:var(--g); font-weight:800; }

#rra-rind { display:flex; align-items:center; gap:14px; padding-bottom:22px; }
.rra-lives { display:flex; gap:8px; }
.rra-life  {
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
  background:linear-gradient(135deg,rgba(255,215,0,.18),rgba(255,100,0,.12));
  border:2px solid rgba(255,215,0,.5);
  box-shadow:0 0 14px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.12);
  transition:all .5s ease;
}
.rra-life.used { background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.08); filter:grayscale(1); opacity:.28; box-shadow:none; }
#rra-rlbl { font-size:.78rem; font-weight:700; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:1.5px; }

.rra-wstage { position:relative; display:flex; align-items:center; justify-content:center; }
.rra-wstage::before {
  content:''; position:absolute; width:115%; height:115%; border-radius:50%;
  background:radial-gradient(circle,rgba(255,190,0,.14) 0%,rgba(255,90,0,.08) 45%,transparent 70%);
  animation:rOrb 4.5s ease-in-out infinite; pointer-events:none; z-index:0;
}
.rra-wframe {
  position:relative; z-index:1; border-radius:50%; padding:10px;
  background:conic-gradient(#FFF5B0 0deg,#FFD700 18deg,#9A6B00 36deg,#FFD700 54deg,#FFF5B0 72deg,#FFD700 90deg,#9A6B00 108deg,#FFD700 126deg,#FFF5B0 144deg,#FFD700 162deg,#9A6B00 180deg,#FFD700 198deg,#FFF5B0 216deg,#FFD700 234deg,#9A6B00 252deg,#FFD700 270deg,#FFF5B0 288deg,#FFD700 306deg,#9A6B00 324deg,#FFD700 342deg,#FFF5B0 360deg);
  animation:rWGlow 3.5s ease-in-out infinite;
}
.rra-wring { border-radius:50%; background:#05050e; padding:8px; position:relative; box-shadow:inset 0 0 28px rgba(0,0,0,.6); }
.rra-ptr   { position:absolute; top:-4px; left:50%; transform:translateX(-50%); z-index:30; display:flex; flex-direction:column; align-items:center; filter:drop-shadow(0 2px 16px rgba(255,215,0,1)) drop-shadow(0 0 6px rgba(255,100,0,.7)); }
.rra-ptr-s { width:24px; height:14px; background:linear-gradient(180deg,#FFFDE0,#FFD700 50%,#9A6B00); border-radius:6px 6px 2px 2px; border:1px solid rgba(255,255,255,.2); }
.rra-ptr-b { width:24px; height:50px; margin-top:-1px; background:linear-gradient(180deg,#FFFDE0 0%,#FFD700 28%,#FFA500 60%,#9A6B00 100%); clip-path:polygon(50% 100%,0% 0%,100% 0%); }
#rra-canvas { display:block; border-radius:50%; }

#rra-swrap { margin-top:24px; position:relative; display:inline-block; }
.rra-sglow { position:absolute; inset:-10px; border-radius:999px; background:linear-gradient(135deg,#FFD700,#FF6B35); filter:blur(18px); opacity:.5; animation:rPulse 2s ease-in-out infinite; pointer-events:none; }
#rra-sbtn  {
  position:relative; padding:15px 60px;
  font-family:inherit; font-size:1rem; font-weight:900;
  text-transform:uppercase; letter-spacing:2.5px;
  background:linear-gradient(135deg,#FFE566 0%,#FFD700 40%,#FFA500 100%);
  color:#0a0a14; border:none; border-radius:999px; cursor:pointer;
  box-shadow:0 5px 26px rgba(255,165,0,.50),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.16);
  transition:transform .18s, box-shadow .18s;
}
#rra-sbtn:hover:not(:disabled) { transform:translateY(-3px) scale(1.04); }
#rra-sbtn:active:not(:disabled){ transform:translateY(1px) scale(.98); }
#rra-sbtn:disabled { opacity:.35; cursor:not-allowed; }

#rra-rcard { width:100%; margin-top:14px; overflow:hidden; max-height:0; opacity:0; transition:max-height .55s cubic-bezier(.16,1,.3,1),opacity .45s ease; }
#rra-rcard.show { max-height:100px; opacity:1; }
.rra-ri { padding:16px 22px; display:flex; align-items:center; gap:14px; }
.rra-rico { font-size:2.2rem; flex-shrink:0; animation:rPop .45s cubic-bezier(.16,1,.3,1) both; line-height:1; }
.rra-rlbl2 { font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:2px; opacity:.55; }
.rra-rname { font-size:1.05rem; font-weight:900; line-height:1.3; margin-top:2px; }
#rra-rcard.rra-win  { border-color:rgba(255,215,0,.35); background:linear-gradient(135deg,rgba(255,215,0,.09),rgba(255,120,0,.07)); box-shadow:0 0 0 1px rgba(255,215,0,.18),0 6px 36px rgba(255,215,0,.12); }
#rra-rcard.rra-win  .rra-rname { color:var(--g); }
#rra-rcard.rra-win  .rra-rlbl2 { color:rgba(255,215,0,.7); }
#rra-rcard.rra-lose .rra-rname { color:rgba(255,255,255,.5); }

#rra-enc { margin-top:10px; padding:11px 16px; background:rgba(255,215,0,.06); border:1px solid rgba(255,215,0,.14); border-radius:var(--r12); font-size:.8rem; color:rgba(255,215,0,.8); text-align:center; font-weight:600; max-height:0; opacity:0; overflow:hidden; transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease; }
#rra-enc.show { max-height:80px; opacity:1; }

/* ──────────────────────────────────────────────────────────────
   8. PRIZE SCREEN
────────────────────────────────────────────────────────────────*/
#rra-pcard { padding:44px 28px; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; overflow:hidden; animation:rPrize .65s cubic-bezier(.16,1,.3,1) both; }
.rra-prays { position:absolute; inset:-20%; border-radius:50%; background:conic-gradient(rgba(255,215,0,.05) 0deg,transparent 10deg,rgba(255,215,0,.05) 20deg,transparent 30deg,rgba(255,215,0,.05) 40deg,transparent 50deg,rgba(255,215,0,.05) 60deg,transparent 70deg,rgba(255,215,0,.05) 80deg,transparent 90deg,rgba(255,215,0,.05) 100deg,transparent 110deg,rgba(255,215,0,.05) 120deg,transparent 130deg,rgba(255,215,0,.05) 140deg,transparent 150deg,rgba(255,215,0,.05) 160deg,transparent 170deg,rgba(255,215,0,.05) 180deg,transparent 190deg,rgba(255,215,0,.05) 200deg,transparent 210deg,rgba(255,215,0,.05) 220deg,transparent 230deg,rgba(255,215,0,.05) 240deg,transparent 250deg,rgba(255,215,0,.05) 260deg,transparent 270deg,rgba(255,215,0,.05) 280deg,transparent 290deg,rgba(255,215,0,.05) 300deg,transparent 310deg,rgba(255,215,0,.05) 320deg,transparent 330deg,rgba(255,215,0,.05) 340deg,transparent 350deg); animation:rRays 40s linear infinite; pointer-events:none; }
.rra-piwrap { position:relative; z-index:1; width:120px; height:120px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.rra-piglow { position:absolute; inset:-16px; border-radius:50%; background:radial-gradient(circle,rgba(255,215,0,.32) 0%,rgba(255,120,0,.14) 50%,transparent 70%); animation:rOrb 2.8s ease-in-out infinite; }
.rra-piring { position:absolute; inset:0; border-radius:50%; background:linear-gradient(135deg,rgba(255,215,0,.18),rgba(255,100,0,.1)); border:2px solid rgba(255,215,0,.35); box-shadow:0 0 22px rgba(255,215,0,.16),inset 0 1px 0 rgba(255,255,255,.08); }
#rra-pemoji { font-size:3.8rem; position:relative; z-index:1; animation:rBounce .7s cubic-bezier(.16,1,.3,1) .1s both; }
.rra-pcon  { position:relative; z-index:1; font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:3px; color:rgba(255,215,0,.6); margin-bottom:8px; }
#rra-pname { position:relative; z-index:1; font-size:clamp(1.5rem,5vw,2rem); font-weight:900; line-height:1.15; background:linear-gradient(100deg,#FFF5B0 0%,#FFD700 30%,#FFA500 60%,#FFD700 85%,#FFF5B0 100%); background-size:220% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:rGold 3s linear infinite; margin-bottom:24px; }
.rra-psep  { position:relative; z-index:1; width:64px; height:2px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(255,215,0,.45),transparent); margin-bottom:24px; }
.rra-pcta  { position:relative; z-index:1; width:100%; display:flex; flex-direction:column; align-items:center; gap:10px; }
#rra-ctabtn {
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:15px 20px;
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:#fff; font-family:inherit; font-size:.95rem; font-weight:900;
  text-decoration:none; border-radius:14px;
  box-shadow:0 6px 28px rgba(37,211,102,.35);
  animation:rCTAp 2s ease-in-out infinite; position:relative; overflow:hidden;
}
#rra-ctabtn::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent); transform:translateX(-100%); animation:rCTAs 2.5s ease-in-out infinite; }
.rra-pexp { font-size:.68rem; color:rgba(255,255,255,.25); letter-spacing:.5px; }

/* ──────────────────────────────────────────────────────────────
   9. CONFETTI + TOAST
────────────────────────────────────────────────────────────────*/
#rra-confetti { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:99999; }
#rra-toast {
  position:fixed; top:20px; left:50%; transform:translateX(-50%) translateY(-130%);
  padding:11px 22px; border-radius:12px;
  background:rgba(46,213,115,.12); border:1px solid rgba(46,213,115,.35);
  color:#2ED573; font-size:.8rem; font-weight:700;
  backdrop-filter:blur(16px); z-index:100000;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
  white-space:nowrap;
}
#rra-toast.show { transform:translateX(-50%) translateY(0); }
#rra-toast.terr { background:rgba(255,70,87,.12); border-color:rgba(255,70,87,.35); color:#FF4757; }

/* Footer */
#rra-foot { margin-top:32px; text-align:center; font-size:.58rem; color:rgba(255,255,255,.14); letter-spacing:1.5px; text-transform:uppercase; }

/* ──────────────────────────────────────────────────────────────
   10. RESPONSIVE — Mobile first
────────────────────────────────────────────────────────────────*/
@media (max-width:768px) {
  #rra { padding:10px 10px 36px; }

  /* Header compacto */
  #rra-hdr { padding-bottom:10px; }
  .rra-p { font-size:1.35rem; }
  #rra-ttl { font-size:1.3rem !important; letter-spacing:1px; }
  #rra-badge { padding:3px 12px; font-size:.58rem; margin-bottom:8px; }

  /* Card: UMA coluna, formulario PRIMEIRO */
  #rra-card { grid-template-columns:1fr !important; }
  #rra-r { order:-1 !important; padding:22px 18px 18px; }
  #rra-l {
    order:0 !important; padding:14px 18px 16px;
    gap:12px;
    border-right:none !important;
    border-top:1px solid rgba(255,255,255,.07);
  }

  /* Oculta decorações desktop no mobile */
  .rra-brand  { display:none !important; }
  .rra-divider{ display:none !important; }
  .rra-prizes { display:none !important; }

  /* Formulário compacto */
  .rra-step { margin-bottom:8px; font-size:.56rem; }
  .rra-fttl { font-size:1.2rem; margin-bottom:4px; }
  .rra-fsub { font-size:.76rem; margin-bottom:14px; }
  .rra-fg   { margin-bottom:8px; }
  .rra-fw   { height:46px; }
  .rra-fi   { width:38px; }
  .rra-in   { font-size:.86rem; }
  .rra-fg > label { font-size:.56rem; padding-bottom:4px; }
  .rra-sub-wrap { margin-top:12px; }
  .rra-sub-btn  { height:48px; font-size:.85rem; letter-spacing:1.8px; }
  .rra-trust    { gap:10px; margin-top:10px; }
  .rra-ti       { font-size:.58rem; }
  .rra-consent  { margin-top:10px; }
  .rra-consent > label { font-size:.59rem; }

  /* Urgency compacto */
  .rra-urg     { padding:10px 12px; }
  .rra-urg-lbl { font-size:.68rem; }
  .rra-urg-cnt { font-size:.62rem; }
  .rra-cd-time { font-size:.78rem; padding:3px 10px; }

  /* Social */
  .rra-av      { width:24px; height:24px; font-size:.55rem; }
  .rra-soc-txt { font-size:.68rem; }

  /* Wheel */
  #rra-wcard { padding:16px 12px 24px; }
  #rra-sbtn  { padding:13px 44px; font-size:.92rem; }
}

@media (max-width:390px) {
  .rra-fttl { font-size:1.05rem; }
  .rra-in   { font-size:.82rem; padding-right:10px; }
  .rra-trust { flex-direction:column; gap:6px; align-items:center; }
  .rra-sub-btn { font-size:.8rem; letter-spacing:1.4px; }
}
</style>/* End custom CSS */