/* Animated Thank-you modal styles */
.thankyou-overlay {
  position: fixed;
  inset: 0;
  background: rgba(2,6,23,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}
.thankyou-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
.thankyou-card {
  background: #ffffff;
  color: #0b1220;
  border-radius: 12px;
  padding: 28px 32px;
  max-width: 520px;
  width: calc(100% - 40px);
  box-shadow: 0 20px 50px rgba(2,6,23,0.45);
  text-align: center;
  transform: translateY(18px) scale(.98);
  opacity: 0;
  transition: transform 380ms cubic-bezier(.2,.9,.2,1), opacity 260ms ease;
}
.thankyou-overlay.visible .thankyou-card {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.thankyou-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #111827;
}
.thankyou-sub {
  color: #4b5563;
  margin-bottom: 18px;
}
.thankyou-check {
  width: 76px;
  height: 76px;
  margin: 0 auto 16px auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg,#108cb9 0%, #0e82ff 100%);
  box-shadow: 0 8px 30px rgba(6,95,70,0.18);
  transform: scale(.6) rotate(-10deg);
  opacity: 0;
  transition: transform 420ms cubic-bezier(.2,.9,.2,1), opacity 300ms ease;
}
.thankyou-overlay.visible .thankyou-check {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
.thankyou-check svg { width: 40px; height: 40px; color: #fff; }
.thankyou-actions { margin-top: 12px; }
.thankyou-btn { background: #111827; color: white; padding: 8px 14px; border-radius: 8px; border: none; cursor: pointer; }

@media (prefers-reduced-motion: reduce) {
  .thankyou-card, .thankyou-check { transition: none !important; }
}