/* roulang page: index */
:root {
            --primary: #0a58ca;
            --accent: #10b981;
            --highlight: #f97316;
            --text-main: #0f172a;
            --text-muted: #475569;
            --bg-light: #f8fafc;
        }
        body {
            color: var(--text-main);
            background-color: #ffffff;
            overflow-x: hidden;
        }
        .text-gradient {
            background: linear-gradient(135deg, #0a58ca 0%, #10b981 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .text-gradient-fire {
            background: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .glass-dark {
            background: rgba(17, 24, 39, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }