/* WebTech Buddie — Binance-inspired Design System */

html { scroll-behavior: smooth; }
body { background: #0b0e11; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1e2329; }
::-webkit-scrollbar-thumb { background: #feb302; border-radius: 3px; }

/* Marquee */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee { animation: marquee 30s linear infinite; will-change: transform; }
.animate-marquee:hover { animation-play-state: paused; }

/* Fade-in on scroll */
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* Section scroll offset */
section { scroll-margin-top: 64px; }

/* Focus */
input:focus, textarea:focus, select:focus { outline: none; }