/* roulang page: index */
:root {
            --primary: #64FFDA;
            --bg-dark: #0A192F;
            --bg-card: #172A3A;
            --text-main: #E6F1FF;
            --text-dim: #8892B0;
        }
        body { background-color: var(--bg-dark); color: var(--text-main); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        .gradient-text { background: linear-gradient(90deg, #64FFDA, #4CC9F0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .hover-glow:hover { box-shadow: 0 0 20px rgba(100, 255, 218, 0.2); }
        .nav-link { transition: color 0.3s ease; }
        .nav-link:hover { color: var(--primary); }
        .btn-primary { background: var(--primary); color: var(--bg-dark); font-weight: 700; padding: 12px 28px; transition: all 0.3s ease; border-radius: 4px; }
        .btn-primary:hover { filter: brightness(1.1); transform: translateY(-2px); }
        .card-bg { background-color: var(--bg-card); border: 1px solid #233554; transition: all 0.3s; }
        .card-bg:hover { border-color: var(--primary); }