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

html { scroll-behavior: smooth; }

@layer utilities {
    .btn-tv {
        @apply bg-[#E50914] hover:bg-[#B20710] text-white font-semibold py-3 px-8 rounded transition-all duration-300 shadow-[0_4px_14px_0_rgba(229,9,20,0.39)] hover:shadow-[0_6px_20px_rgba(229,9,20,0.23)] hover:-translate-y-1;
    }
    .btn-tv-outline {
        @apply border-2 border-[#E50914] text-[#E50914] hover:bg-[#E50914] hover:text-white font-semibold py-2.5 px-8 rounded transition-all duration-300;
    }
    .glass-panel {
        @apply bg-black/60 backdrop-blur-md border border-white/10;
    }
}