body {
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', system-ui, sans-serif;
}

.perspective {
  perspective: 1000px;
}

.rotate-y-180 {
  transform: rotateY(180deg);
}

@keyframes slideIn {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slideIn {
  animation: slideIn 0.3s ease forwards;
}

.card-front, .card-back {
  backface-visibility: hidden;
  transition: transform 0.7s;
}

.card-back {
  transform: rotateY(180deg);
}

.card.flipped .card-front {
  transform: rotateY(180deg);
}

.card.flipped .card-back {
  transform: rotateY(360deg);
}

.gradient-bg {
  background: linear-gradient(135deg, #FF7A59 0%, #E07856 100%);
}

.gradient-secondary {
  background: linear-gradient(135deg, #FFB199 0%, #FF7A59 100%);
}

.step-active {
  color: #E07856;
}

.step-completed {
  color: #9BB68C;
}