/* Match the gentle scale pulse on the reference landing. */
#allrecords [data-elem-type="button"] > a.tn-atom:is([href="#tarif"], [href^="#popup:embedcode"]),
#allrecords [data-elem-type="shape"] > a.tn-atom[href="#tarif"],
.thanks__action {
  animation: registration-wave 2.4s ease-in-out infinite;
  transition: filter 180ms ease-out;
}

#allrecords a.tn-atom[href="#tarif"]:hover,
#allrecords a.tn-atom[href^="#popup:embedcode"]:hover,
.thanks__action:hover {
  animation-play-state: paused;
  filter: brightness(1.08);
}

#allrecords a.tn-atom:focus-visible,
.thanks__action:focus-visible {
  outline: 3px solid #1185ec;
  outline-offset: 4px;
}

@keyframes registration-wave {
  0%, 100% { scale: 1; }
  50% { scale: 1.035; }
}

@media (prefers-reduced-motion: reduce) {
  #allrecords a.tn-atom[href="#tarif"],
  #allrecords a.tn-atom[href^="#popup:embedcode"],
  .thanks__action {
    animation: none !important;
    transition: none;
  }
}

.thanks {
  box-sizing: border-box;
  margin: 0;
  padding: 24px;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  background: #0c152b;
  color: #f7faff;
  font-family: system-ui, sans-serif;
}

.thanks__content {
  max-width: 38rem;
  text-align: center;
}

.thanks h1 {
  font-size: clamp(2rem, 6vw, 3.75rem);
  line-height: 1.08;
  margin: 0 0 1.5rem;
  text-wrap: balance;
}

.thanks__action {
  display: inline-block;
  padding: 0.85rem 1.8rem;
  border-radius: 100px;
  background: #a8ff66;
  color: #122319;
  font-weight: 750;
  text-decoration: none;
}

.thanks footer {
  margin-top: 2rem;
  color: #c7d5ed;
  font-size: .8rem;
}
/* The source artboards include decorative artwork wider than their containers. */
.t-body #allrecords {
  overflow-x: clip;
}