/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #0066ff 0%, #00d2ff 100%);
            --accent-gradient: linear-gradient(135deg, #ff5e00 0%, #ff8a00 100%);
        }
        .text-gradient {
            background: linear-gradient(135deg, #0066ff 0%, #00d2ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .text-gradient-orange {
            background: linear-gradient(135deg, #ff5e00 0%, #ff9500 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .card-shadow {
            box-shadow: 0 10px 30px -10px rgba(0, 102, 255, 0.08);
        }
        .card-shadow-hover:hover {
            box-shadow: 0 20px 40px -15px rgba(0, 102, 255, 0.16);
            transform: translateY(-4px);
        }
        .glow-border {
            border: 1px solid rgba(0, 210, 255, 0.25);
            box-shadow: 0 0 15px rgba(0, 210, 255, 0.1);
        }
        @keyframes pulse-slow {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(1.1); }
        }
        .animate-pulse-slow {
            animation: pulse-slow 2s infinite ease-in-out;
        }