/* roulang page: index */
:root {
            --bg-primary: #0B0F17;
            --bg-secondary: #161C26;
            --accent-cyan: #00D4B2;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }
        body {
            font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
            color: #1E293B;
            background-color: #FFFFFF;
            overflow-x: hidden;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 212, 178, 0.35);
        }
        .glass-panel {
            background: rgba(22, 28, 38, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .card-subtle {
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
        }
        .card-subtle:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(11, 15, 23, 0.08);
            border-color: rgba(0, 212, 178, 0.4);
        }