/* roulang page: index */
:root {
            --brand-primary: #00D084;
            --brand-dark: #0F141C;
            --brand-deep: #0A0D12;
            --slate-border: rgba(226, 232, 240, 0.8);
            --glow-cyan: #38BDF8;
        }
        body {
            font-family: 'PingFang SC', 'MiSans', system-ui, -apple-system, sans-serif;
            background-color: #F8FAFC;
            color: #0F172A;
            overflow-x: hidden;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 208, 132, 0.4);
        }
        .hairline-border {
            border: 1px solid rgba(255, 255, 255, 0.12);
        }
        .light-hairline {
            border: 1px solid rgba(148, 163, 184, 0.25);
        }
        .glass-header {
            background: rgba(255, 255, 255, 0.88);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        .hero-mesh {
            background: radial-gradient(circle at 80% 20%, rgba(0, 208, 132, 0.15) 0%, transparent 50%),
                        radial-gradient(circle at 20% 80%, rgba(56, 189, 248, 0.12) 0%, transparent 45%);
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0F141C;
        }
        ::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00D084;
        }