:root {
  color-scheme: light;
}

.animate-fade {
  animation: fade-in 0.9s ease both;
}

.animate-rise {
  animation: rise-in 0.9s ease both;
}

.animate-pulse-soft {
  animation: pulse-soft 2.4s ease-in-out infinite;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes rise-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-soft {
  0% { opacity: 0.6; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.6; transform: scale(0.98); }
}


@media screen and (max-width: 768px) {
.md\:flex.md\:items-center.md\:space-x-8.text-sm.font-semibold {
    display: none;
}
}