/* Custom Scrollbars and base styles */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #06090e;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(236, 72, 153, 0.4);
}

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

@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.98); }
  to { opacity: 1; transform: scale(1); }
}

/* Modal typography styles */
#modalBody h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #f472b6;
  margin-top: 1.25rem;
  margin-bottom: 0.35rem;
}
#modalBody h4:first-child {
  margin-top: 0;
}
#modalBody p {
  color: #94a3b8;
  margin-bottom: 0.65rem;
  line-height: 1.6;
}
#modalBody ul {
  color: #94a3b8;
  margin-bottom: 0.75rem;
  padding-left: 1.25rem;
  list-style-type: disc;
}
#modalBody li {
  margin-bottom: 0.35rem;
  line-height: 1.5;
}
#modalBody strong {
  color: #f1f5f9;
}