body {
  font-family: system-ui, sans-serif;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

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

@keyframes fade-in-up {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
  animation: fade-in-up 1.5s ease forwards;
}

@keyframes fade-in-down {
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-down {
  animation: fade-in-down 1.5s ease forwards;
}

/* Additional responsive improvements */
@media (max-width: 640px) {
  .tilt {
    transform: none !important;
  }
  
  .tilt:hover {
    transform: none !important;
  }
}

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

/* Better focus states for accessibility */
button:focus,
input:focus,
a:focus {
  outline: 2px solid #3B82F6;
  outline-offset: 2px;
}