/* roulang page: index */
:root {
            --brand-primary: #00f2ff;
            --brand-secondary: #007cf0;
            --bg-dark: #0a0a0a;
            --bg-card: #1a1a2e;
            --text-main: #ffffff;
            --text-muted: #a0a0a0;
        }
        body { background-color: var(--bg-dark); color: var(--text-main); font-family: 'Inter', system-ui, sans-serif; }
        .gradient-text { background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .card-glow { transition: all 0.3s ease; border: 1px solid #333; }
        .card-glow:hover { border-color: var(--brand-secondary); box-shadow: 0 0 20px rgba(0, 124, 240, 0.2); transform: translateY(-5px); }
        .glass-nav { background: rgba(10, 10, 10, 0.8); backdrop-filter: blur(10px); }
        .btn-primary { background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary)); transition: opacity 0.3s; }
        .btn-primary:hover { opacity: 0.9; }