/* roulang page: index */
:root { --primary-gradient: linear-gradient(135deg, #10b981 0%, #06b6d4 100%); }
        .gradient-text { background: var(--primary-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .gradient-bg { background: var(--primary-gradient); }
        .card-shadow { box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05); }
        .card-hover:hover { box-shadow: 0 20px 40px -10px rgba(16, 185, 129, 0.12); border-color: #10b981; transform: translateY(-4px); }
        .data-badge { background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.2); }