/**
 * Newsletter Section Component Styles
 * Custom animations and enhancements
 */

/* Float Animation */
@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-10px) rotate(1deg);
  }
  50% {
    transform: translateY(-20px) rotate(0deg);
  }
  75% {
    transform: translateY(-10px) rotate(-1deg);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Form Enhancements */
.newsletter-section input:focus,
.newsletter-section input:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.newsletter-section .interest-checkbox {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.newsletter-section .interest-checkbox:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}

/* Button Hover Effects */
.newsletter-section button:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .newsletter-section .grid-cols-2 {
    grid-template-columns: 1fr;
  }

  .newsletter-section .md\:grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .newsletter-section .text-4xl {
    font-size: 2.5rem;
  }

  .newsletter-section .lg\:text-5xl {
    font-size: 3rem;
  }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .animate-float,
  .animate-fade-in-up {
    animation: none;
  }

  .newsletter-section * {
    transition: none;
  }
}

/* High Contrast Mode Support */
@media (prefers-contrast: more) {
  .newsletter-section .bg-opacity-10,
  .newsletter-section .bg-opacity-20 {
    background-color: rgba(255, 255, 255, 0.9);
    color: #1e40af;
  }

  .newsletter-section .border-opacity-20,
  .newsletter-section .border-opacity-30 {
    border-color: rgba(255, 255, 255, 1);
  }
}