/* roulang page: index */
:root {
            --color-bg-base: #0a0f1d;
            --color-bg-surface: #0f172a;
            --color-emerald-glow: rgba(16, 185, 129, 0.35);
            --color-blue-glow: rgba(6, 182, 212, 0.3);
        }
        body {
            background-color: var(--color-bg-base);
            color: #e2e8f0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            overflow-x: hidden;
        }
        .neon-border-emerald {
            border: 1px solid rgba(16, 185, 129, 0.25);
            box-shadow: 0 0 15px rgba(16, 185, 129, 0.1);
        }
        .neon-border-emerald:hover {
            border-color: rgba(16, 185, 129, 0.6);
            box-shadow: 0 0 25px rgba(16, 185, 129, 0.25);
        }
        .neon-glow-btn {
            box-shadow: 0 0 18px rgba(16, 185, 129, 0.35);
        }
        .neon-glow-btn:hover {
            box-shadow: 0 0 28px rgba(16, 185, 129, 0.6);
        }
        .nav-glow-active {
            box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
            border-bottom: 2px solid #10b981;
        }
        .pulse-live {
            animation: livePulse 2s infinite;
        }
        @keyframes livePulse {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
        }