/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);
            --glow-shadow: 0 20px 40px -15px rgba(79, 70, 229, 0.25);
        }
        .hero-bg {
            background-image: linear-gradient(to bottom, rgba(15, 23, 42, 0.85), rgba(15, 23, 0.95)), url('/assets/images/63416049f63c0a5f.webp');
            background-size: cover;
            background-position: center;
        }
        .section-pattern {
            background-color: #f8fafc;
            background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
            background-size: 24px 24px;
        }