*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#1A1A1A}
body{
  min-height:100vh;min-height:100dvh;overflow-x:hidden;
  background:
    radial-gradient(120% 55% at 50% -10%, rgba(93,42,144,.55) 0%, transparent 60%),
    radial-gradient(90% 45% at 50% 110%, rgba(255,109,0,.25) 0%, transparent 60%),
    #1A1A1A;
}
img{display:block;width:100%;height:auto}

.wrap{max-width:480px;margin:0 auto;padding:20px 16px 28px;display:flex;flex-direction:column;align-items:center;gap:14px}
.hero{width:90%;margin-bottom:6px}

.offers{width:100%;display:flex;flex-direction:column;gap:14px}
.offer{
  position:relative;display:block;border-radius:22px;overflow:hidden;
  transition:transform .15s ease;-webkit-tap-highlight-color:transparent;
}
.offer:active{transform:scale(.98)}
.offer::after{ /* brilho passando */
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);
  transform:skewX(-20deg);animation:shine 3.6s ease-in-out infinite;pointer-events:none;
}
.offer:nth-child(2)::after{animation-delay:1.2s}
.offer:nth-child(3)::after{animation-delay:2.4s}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}

.offer:nth-child(1){animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 8px 24px rgba(255,109,0,.35)}50%{box-shadow:0 8px 38px rgba(255,109,0,.7)}}
.offer:nth-child(2){box-shadow:0 8px 24px rgba(93,42,144,.5)}
.offer:nth-child(3){box-shadow:0 8px 24px rgba(0,0,0,.45)}

.selos{margin-top:12px}
footer{width:85%;margin-top:14px}

@media (hover:hover){.offer:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.offer::after,.offer:nth-child(1){animation:none}}

.fora{min-height:100vh;min-height:100dvh;justify-content:center}
.fora img{width:90%}
.fora-card{
  width:100%;padding:34px 24px;text-align:center;color:#fff;
  background:rgba(31,31,31,.9);border:1px solid rgba(255,255,255,.12);
  border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.38);
}
.fora-check{
  width:64px;height:64px;margin:0 auto 20px;display:grid;place-items:center;
  border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ff5f00);
  color:#fff;font:700 34px/1 Arial,sans-serif;box-shadow:0 10px 30px rgba(255,109,0,.4);
}
.fora h1{font:700 clamp(25px,7vw,34px)/1.15 Arial,sans-serif}
.fora-cta{
  display:block;width:100%;margin-top:28px;padding:16px 22px;border-radius:14px;
  background:linear-gradient(135deg,#ff8a00,#ff5f00);color:#fff;
  font:700 18px/1.2 Arial,sans-serif;text-decoration:none;
  box-shadow:0 10px 28px rgba(255,109,0,.35);transition:transform .15s ease,box-shadow .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.fora-cta:active{transform:scale(.98)}
@media (hover:hover){.fora-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,109,0,.5)}}

.captcha{min-height:100vh;min-height:100dvh;justify-content:center;gap:28px}
.captcha form{min-height:65px;display:flex;justify-content:center}