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

        /* Custom range slider */
        input[type="range"] { -webkit-appearance: none; width: 100%; height: 4px; background: #e5e7eb; border-radius: 2px; outline: none; }
        input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; background: #e1ff00; border-radius: 50%; cursor: pointer; border: 3px solid #111; }
        input[type="range"]::-moz-range-thumb { width: 18px; height: 18px; background: #e1ff00; border-radius: 50%; cursor: pointer; border: 3px solid #111; }