/* Import all CSS files */
@import 'variables.css';
@import 'reset.css';
@import 'typography.css';
@import 'layout.css';
@import 'components/header.css';
@import 'components/hero.css';
@import 'components/experience.css';
@import 'components/gallery.css';
@import 'components/tone.css';
@import 'components/approach.css';
@import 'components/empowering.css';
@import 'components/creators.css';
@import 'components/testimonials.css';
@import 'components/pricing.css';
@import 'components/contact.css';
@import 'components/footer.css';
@import 'components/buttons.css';
@import 'components/loaders.css';
@import 'components/image-slider.css';
@import 'components/toast.css';
@import 'join.css';
@import 'animations.css';
@import 'responsive.css';

/* Add padding to main content for fixed header */
.main {
  padding-top: var(--spacing-4xl);
  min-height: 100vh;
}

/* Custom Cursor Styles */
.voice-pulse-cursor {
  position: fixed;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #4d0688, #ffffff6d);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 0 0 0 rgba(114, 44, 255, 0.4);
}

.voice-pulse-cursor.cursor-active {
  transform: translate(-50%, -50%) scale(1.5);
  box-shadow: 0 0 0 10px rgba(114, 44, 255, 0);
}

/* Page Transition Animation */
.page-transition-overlay {
  position: fixed;
  background-color: var(--color-black);
  border-radius: 50%;
  z-index: 9999;
  transform: scale(0);
  transition: transform 1.5s cubic-bezier(0.3, 0, 0.07, 0.5);
  pointer-events: none;
}

.page-transition-overlay.expand {
  transform: scale(50);
}