/* Custom Typography Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

.text-glow {
  text-shadow: 0 0 10px rgba(212, 86, 180, 0.6);
}

.border-glow {
  box-shadow: 0 0 15px rgba(212, 86, 180, 0.3);
}

.geometric-shape {
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
}

/* Animations */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px) scale(0.95);
  visibility: hidden;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, visibility;
}

.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}