body {
            background-color: #FAFAFA;
            color: #080808;
            overflow-x: hidden;
        }

        h1, h2 { text-wrap: balance; }
        .stat-counter { font-variant-numeric: tabular-nums; }

        .bg-dots {
            background-image: radial-gradient(rgba(8, 8, 8, 0.04) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        .glass-nav {
            background: rgba(250, 250, 250, 0.9);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(8, 8, 8, 0.1);
        }

        /* Animations d'apparition */
        .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .reveal-delay-1 { transition-delay: 0.1s; }
        .reveal-delay-2 { transition-delay: 0.2s; }
        .reveal-delay-3 { transition-delay: 0.3s; }

        /* Liquid Glass Yellow */
        .liquid-glass-yellow {
            background: linear-gradient(135deg, rgba(210, 255, 0, 0.6) 0%, rgba(210, 255, 0, 0.2) 100%);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(210, 255, 0, 0.4);
            border-top: 1px solid rgba(255, 255, 255, 0.9);
            border-left: 1px solid rgba(255, 255, 255, 0.9);
            box-shadow: 0 8px 32px 0 rgba(210, 255, 0, 0.15);
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #FAFAFA; border-left: 1px solid #E5E5E5; }
        ::-webkit-scrollbar-thumb { background: #080808; }
        
        button:focus { outline: none; }

        /* Support RTL (Arabe) */
        html[dir="rtl"] .reveal { transform: translateY(20px); }
        html[dir="rtl"] .liquid-glass-yellow {
            border-left: none;
            border-right: 1px solid rgba(255, 255, 255, 0.9);
        }
        html[dir="rtl"] .group-hover\:translate-x-1:hover {
            transform: translateX(-0.25rem);
        }
        html[dir="rtl"] .border-l { border-left: none; border-right-width: 1px; }
        html[dir="rtl"] .border-r { border-right: none; border-left-width: 1px; }
        html[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
        html[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
        html[dir="rtl"] .lg\:border-l { border-left: none; border-right-width: 1px; }
        html[dir="rtl"] .lg\:pl-8 { padding-left: 0; padding-right: 2rem; }
        html[dir="rtl"] .text-left { text-align: right; }

        .gsap-ready .reveal {
            opacity: 1;
            transform: none;
            transition: none;
        }