.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.animate-marquee{animation:marquee 30s linear infinite}

/* Additional custom styles */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Smooth transitions */
* {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Focus styles */
.focus\:ring-4:focus {
  box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.1);
}

.focus\:ring-2:focus {
  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.1);
}

/* Custom button hover effects */
.hover\:scale-105:hover {
  transform: scale(1.05);
}

/* Loading states */
.loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Form validation styles */
.error {
  border-color: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}

.error-message {
  color: #ef4444;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

/* Success states */
.success {
  border-color: #10b981;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.1);
}

/* Mobile optimizations */
@media (max-width: 640px) {
  .text-4xl {
    font-size: 2rem;
  }
  
  .text-5xl {
    font-size: 2.5rem;
  }
  
  .px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}