/* roulang page: index */
:root {
            --bg-main: #0A0F1D;
            --bg-secondary: #060913;
            --bg-glass: rgba(16, 24, 48, 0.7);
            --primary-blue: #0066FF;
            --neon-glow: #00F0FF;
            --border-glow: rgba(0, 240, 255, 0.18);
            --text-main: #F8FAFC;
            --text-muted: #94A3B8;
        }
        body {
            background-color: var(--bg-main);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            overflow-x: hidden;
        }
        .glass-panel {
            background: var(--bg-glass);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--border-glow);
        }
        .glass-panel:hover {
            border-color: rgba(0, 240, 255, 0.45);
            box-shadow: 0 10px 30px -10px rgba(0, 102, 255, 0.35);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-neon {
            background: linear-gradient(135deg, #0066FF 0%, #00F0FF 100%);
            box-shadow: 0 0 15px rgba(0, 240, 255, 0.35);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-neon:hover {
            box-shadow: 0 0 25px rgba(0, 240, 255, 0.65);
            transform: translateY(-1px);
        }
        .stepper-line {
            background: linear-gradient(180deg, #0066FF 0%, #00F0FF 100%);
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #060913; }
        ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #0066FF; }