/* Custom visual enhancements for the Karate Coaching Landing Page */

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom background animations & glow meshes */
.bg-gradient-radial {
  background-image: radial-gradient(circle, var(--tw-gradient-stops));
}

/* Custom button hover transitions */
button, a {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modal and Toast specific styles */
#upsell-modal {
  transition: opacity 0.3s ease-out;
}

#social-proof-toast {
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Rotating arrow animations in FAQ */
.faq-icon-arrow {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Accordion collapse smooth transition support */
.faq-collapse {
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover scales and visual depths */
.pricing-card-pop {
  box-shadow: 0 20px 25px -5px rgba(220, 38, 38, 0.1), 0 10px 10px -5px rgba(220, 38, 38, 0.04);
}