@tailwind base;
@tailwind components;
@tailwind utilities;

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

.font-orbitron { font-family: 'Orbitron', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }

/* Banner Slider */
.banner-slider { position: relative; overflow: hidden; }
.banner-slide {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0; transition: opacity 1s ease;
}
.banner-slide.active { opacity: 1; }

/* Mobile Menu Links Animation */
.mobile-menu-link {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.4s ease;
}
.mobile-menu-link.show {
  opacity: 1;
  transform: translateX(0);
}

/* Hamburger Animation */
#mobileMenuBtn.active #bar1 {
  transform: rotate(45deg) translate(5px, 5px);
}
#mobileMenuBtn.active #bar2 {
  opacity: 0;
}
#mobileMenuBtn.active #bar3 {
  transform: rotate(-45deg) translate(7px, -6px);
}

/* Hover Glow */
.group:hover img { transform: scale(1.05); transition: transform 0.3s ease; }
.mobile-menu-link:hover {
  text-shadow: 0 0 10px rgba(251, 191, 36, 0.8);
  transform: translateX(8px);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1e293b; }
::-webkit-scrollbar-thumb { background: #fbbf24; border-radius: 4px; }