/* Non-critical CSS - Below the fold and interactive elements */

/* Animation and transition styles */
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Complex gradients and decorative elements */
.gradient-animations {
  animation: gradient-shift 6s ease infinite;
}

@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Form styles */
.form-elements {
  /* All form styling */
}

/* Footer and less important sections */
.footer-styles {
  /* Footer specific styles */
}

/* Mobile responsive styles for less critical elements */
@media (max-width: 768px) {
  /* Non-critical mobile styles */
}

/* Complex hover effects and interactions */
.interactive-elements:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Third-party widget styles */
.ad-banners,
.social-widgets {
  /* Advertising and social media widget styles */
}