@layer components {
            .glass-card {
                @apply bg-card-bg backdrop-blur-xl border border-white/10 hover:border-primary/50 transition-all duration-300;
            }
            .hero-glow {
                box-shadow: 0 0 50px -10px rgba(19, 55, 236, 0.5);
            }
            .glow-text {
                text-shadow: 0 0 20px rgba(19, 55, 236, 0.4);
            }
            .ticker-wrap {
                @apply flex overflow-hidden whitespace-nowrap border-y border-white/5 py-4;
            }
            .ticker-item {
                @apply inline-block px-8 text-slate-400 text-sm font-medium tracking-widest flex items-center gap-2;
            }
            @keyframes infinite-scroll {
                from { transform: translateX(0); }
                to { transform: translateX(-50%); }
            }
            .animate-infinite-scroll {
                animation: infinite-scroll 40s linear infinite;
            }
        }
#mobile-menu {
    @apply transition-all duration-300 ease-in-out;
}
#mobile-menu.is-closed {
    @apply opacity-0 -translate-y-4 pointer-events-none;
}