/* roulang page: index */
:root {
            --brand-green: #00E575;
            --brand-orange: #FF5500;
            --brand-dark: #0F1115;
            --brand-card: #1A1D24;
            --text-main: #111827;
            --text-muted: #6B7280;
            --border-color: #E5E7EB;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            background-color: #F8F9FA;
            color: #111827;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
            line-height: 1.75;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 229, 117, 0.4);
        }
        .hero-mesh {
            background-image: radial-gradient(at 10% 20%, rgba(0, 229, 117, 0.12) 0px, transparent 50%),
                              radial-gradient(at 90% 80%, rgba(255, 85, 0, 0.08) 0px, transparent 50%);
        }