/* Custom styles for smooth animations and TV-like experience */
* {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
  background: #000;
}

/* Smooth scrolling for carousel */
.overflow-x-auto {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.overflow-x-auto::-webkit-scrollbar {
  display: none;
}

/* Custom animations */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Focus ring for accessibility */
.focus-ring:focus {
  outline: 3px solid #60a5fa;
  outline-offset: 2px;
}

/* Smooth transitions */
.transition-smooth {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* TV-style glow effects */
.tv-glow {
  box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);
}

/* Screen saver styles */
@keyframes screensaver-float {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(100px, -50px); }
  50% { transform: translate(-50px, 100px); }
  75% { transform: translate(-100px, -25px); }
}

.screensaver-logo {
  animation: screensaver-float 20s ease-in-out infinite;
}