:root {
            --brand-yellow: #e1ff00;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #ffffff;
            color: #111111;
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6, .font-oswald {
            font-family: 'Oswald', sans-serif;
        }
        .text-brand { color: var(--brand-yellow); }
        .bg-brand { background-color: var(--brand-yellow); }

        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            align-items: center;
        }
        .marquee-content {
            display: flex;
            animation: marquee 20s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .text-outline {
            color: transparent;
            -webkit-text-stroke: 2px #e5e7eb;
        }

        .swiper-pagination-bullet-active {
            background-color: var(--brand-yellow) !important;
        }

        .counter-number {
            transition: all 0.3s ease;
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease forwards;
        }

        @keyframes scaleIn {
            from { opacity: 0; transform: scale(0.8); }
            to { opacity: 1; transform: scale(1); }
        }
        .animate-scale-in {
            animation: scaleIn 0.6s ease forwards;
        }