:root {
  --fundo: radial-gradient(120% 70% at 50% 0%, #b01a5a 0%, #7a1040 55%, #4f0a2a 100%);
  --peach-card: linear-gradient(160deg, #d6246e, #ee3b8b);
  --peach: #d6246e;
  --peach-suave: #fac4d2;
  --verde: #1cc10a;
  --verde-borda: #4ad800;
  --texto: #1a1a1a;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Montserrat', sans-serif;
  background: var(--fundo); background-color: #4f0a2a;
  background-attachment: fixed;
  color: var(--texto);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
main {
  width: 100%; max-width: 440px; margin: 0 auto; padding: 20px 30px clamp(24px, 6vh, 64px);
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column;
}
/* conteúdo centralizado na tela; rodapé (Peach + direitos) fixo no pé, na mesma posição nas duas páginas */
main > :first-child { margin-top: auto; }
.direitos {
  margin-top: 28px; text-align: center;
  font-family: 'Poppins', sans-serif; font-size: 11px; color: rgba(255,255,255,.6);
}

.logo {
  display: block; text-align: center; margin-bottom: 24px;
  font-family: 'Dancing Script', cursive; font-weight: 700; font-size: 40px; line-height: 1;
  color: #fff; text-decoration: none;
}
.logo span { color: var(--peach-suave); }

.card {
  background: var(--peach-card);
  border-radius: 40px;
  padding: 24px 22px 40px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  display: flex; flex-direction: column; align-items: center;
}

footer { font-family: 'Poppins', sans-serif; margin-top: auto; padding-top: 48px; text-align: center; font-size: 12px; color: rgba(255,255,255,.75); line-height: 1.6; }
footer .criadora { display: flex; flex-direction: column; align-items: center; gap: 8px; }
footer .criadora span { font-size: 15px; color: #fff; }
footer .criadora img { height: 34px; width: auto; }

/* ===== Página de entrada ===== */
.entrada .card { margin-top: 70px; padding-top: 0; }
.foto {
  width: 220px; height: 220px; border-radius: 50%; object-fit: cover;
  margin-top: -50px; border: 4px solid #fff; box-shadow: 0 8px 22px rgba(0,0,0,.3); background: #fff;
}
.cta {
  margin-top: 24px; width: 100%;
  display: block; padding: 20px 24px; border-radius: 40px;
  background: var(--verde); border: 2px solid #5dff5d;
  box-shadow: 0 0 14px rgba(255,255,255,.9);
  color: #fff; text-decoration: none; text-align: center;
  font-weight: 800; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.35;
  animation: pulso 1.6s ease-in-out infinite;
}
.cta:active { transform: scale(.97); }

/* ===== Página de links ===== */
.card-links { background: linear-gradient(160deg, #fff7fa, #fde4ee); border-color: rgba(255,255,255,.6); }
.contagem-titulo { color: var(--peach); font-size: 15px; font-weight: 500; margin-bottom: 8px; }
.contagem { display: flex; gap: 14px; margin-bottom: 40px; }
.contagem div {
  background: var(--peach); border-radius: 14px; width: 48px; padding: 6px 0;
  text-align: center; line-height: 1.15; color: #fff;
}
.contagem b { display: block; font-size: 14px; font-weight: 700; }
.contagem small { font-family: 'Poppins', sans-serif; font-size: 11px; }

.botao {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border-radius: 35px; text-decoration: none; color: #fff; letter-spacing: .06em;
  font-weight: 500;
}
.botao b { font-weight: 800; }
.botao-rotulo { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.botao-rotulo small { font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .03em; opacity: .85; margin-top: 2px; }
.botao svg { flex-shrink: 0; }
.emoji { height: 1.15em; width: auto; vertical-align: -0.2em; margin-left: .15em; }

.botao-privacy {
  background: #000; border: 2px solid var(--verde-borda);
  box-shadow: 0 0 12px rgba(74,216,0,.45);
  font-size: 17.5px; padding: 15px 28px;
  animation: tada 2.4s ease-in-out infinite;
}
.selo-promo {
  position: absolute; top: -17px; left: 50%; transform: translateX(-50%);
  background: var(--verde-borda); color: #fff; border-radius: 20px;
  padding: 4px 18px; font-size: 11px; font-weight: 800; letter-spacing: .2em; white-space: nowrap;
}
.botao-tele {
  margin-top: 22px;
  background: #009fee; border: 1px solid #2fff4c;
  box-shadow: 0 0 12px rgba(0,159,238,.35);
  font-size: 14px; padding: 14px 34px;
}

@keyframes pulso { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } }
/* mesma animação "tada" do Elementor, com pausa entre as repetições */
@keyframes tada {
  0%, 60%, 100% { transform: scale(1) rotate(0); }
  6%, 12%       { transform: scale(.9) rotate(-3deg); }
  18%, 30%, 42%, 54% { transform: scale(1.1) rotate(3deg); }
  24%, 36%, 48% { transform: scale(1.1) rotate(-3deg); }
}

@media (prefers-reduced-motion: reduce) {
  .cta, .botao-privacy { animation: none; }
}