/* Minimal custom styles - everything else is handled by Tailwind */

/* Hero background image */
.hero-bg {
  background-image: url('images/dating2.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (max-width: 768px) {
  .hero-bg {
    background-attachment: scroll;
  }
}

/* Instagram gradient button */
.instagram-gradient {
  background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #F77737, #FCAF45, #FFDC80);
}

/* Animation for feature items */
.feature-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.feature-item.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Ensure body doesn't scroll when mobile menu is open */
body.overflow-hidden {
  overflow: hidden;
}

/* Custom slow fade animation for decorative circles */
@keyframes slowFade {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.8;
  }
}

.slow-fade {
  animation: slowFade 4s ease-in-out infinite;
}