/* roulang page: index */
:root {
            --primary: #0A5C36;
            --primary-light: #00A862;
            --accent: #FF6B00;
            --dark: #0F172A;
            --card-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06);
            --card-hover-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.12), 0 10px 10px -5px rgba(15, 23, 42, 0.04);
        }
        .custom-card-shadow { box-shadow: var(--card-shadow); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .custom-card-shadow:hover { box-shadow: var(--card-hover-shadow); transform: translateY(-4px); }
        .clip-slant { clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); }