@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #3722d3;
border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00ff84;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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

/* Custom transitions */
.transition-all {
  transition: all 0.3s ease;
}
/* Consistent spacing */
.container > div {
  margin-bottom: 2rem;
}

/* Card hover effects */
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 183, 255, 0.2);
}

/* Star rating styling */
.fill-current {
  fill: currentColor;
}
/* Gradient backgrounds */
.gradient-bg {
  background: linear-gradient(135deg, #02182b 0%, #3722d3 100%);
}

/* Custom button styles */
.btn-primary {
  background-color: #00ff84;
  color: #02182b;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: #00b7ff;
transform: translateY(-2px);
}

.btn-secondary {
  background-color: #00b7ff;
  color: #02182b;
  transition: all 0.3s ease;
}

.btn-secondary:hover {
  background-color: #3722d3;
transform: translateY(-2px);
}