/* PflegeAudit Pro – Landing Page */

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

@keyframes fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.28); }
  50% { box-shadow: 0 0 36px 6px rgba(20, 184, 166, 0.14); }
}

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

.animate-fade-up {
  animation: fade-up 0.7s ease-out forwards;
}

.animate-pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

.hero-grid-bg {
  background-image:
    radial-gradient(circle at 18% 22%, rgba(45, 212, 191, 0.18), transparent 42%),
    radial-gradient(circle at 82% 8%, rgba(34, 211, 238, 0.12), transparent 38%),
    linear-gradient(165deg, #0f172a 0%, #134e4a 48%, #0f172a 100%);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}

.faq-item.open .faq-answer {
  max-height: 360px;
  opacity: 1;
}

.faq-item.open .faq-icon {
  transform: rotate(45deg);
}

.faq-icon {
  transition: transform 0.25s ease;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  .animate-float,
  .animate-pulse-glow {
    animation: none;
  }
}