body {
  font-family: 'Inter', sans-serif;
  background-color: #020617; /* slate-950 */
  background-image: radial-gradient(circle at 1px 1px, rgba(110, 231, 183, 0.05) 1px, transparent 0);
  background-size: 25px 25px;
  min-height: 100vh;
}

/* Custom scrollbar for Webkit */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a; 
}
::-webkit-scrollbar-thumb {
  background: #334155; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569; 
}

/* Hide scrollbar for horizontal scroll areas */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Fade In Animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.5s ease-out forwards;
}

/* FAQ Animation */
.faq-content {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}