
        :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%); }
        }
        
        /* Outline Text for Hero Background */
        .text-outline {
            color: transparent;
            -webkit-text-stroke: 2px #e5e7eb;
        }

        /* Custom Swiper Dots */
        .swiper-pagination-bullet-active {
            background-color: var(--brand-yellow) !important;
        }

        /* GSAP Animation Helpers */
        .gs-club-section .gs-el {
            will-change: transform, opacity;
        }
    