/**
 * MixVoice - Main Stylesheet
 * Imports all CSS modules
 */

/* Design Tokens */
@import 'variables.css';

/* Base Styles */
@import 'base.css';

/* Components */
@import 'components.css';

/* Sections */
@import 'sections.css';

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(88, 101, 242, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(88, 101, 242, 0.5);
  }
}

.animate-fade-in {
  animation: fadeIn 0.6s ease forwards;
}

.animate-slide-in {
  animation: slideIn 0.6s ease forwards;
}

.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}

.animate-glow {
  animation: glow 2s ease-in-out infinite;
}

/* Delay utilities */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* Print styles */
@media print {
  .navbar,
  .footer,
  .hero-buttons,
  .pricing-card .btn {
    display: none !important;
  }

  body {
    background: white !important;
    color: black !important;
  }
}