: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;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        .animate-float {
            animation: float 3s ease-in-out infinite;
        }