/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #0F3E8A 0%, #1A6FE8 100%);
      --dark-gradient: linear-gradient(180deg, #0B192C 0%, #1E293B 100%);
    }
    html { scroll-behavior: smooth; }
    .bg-brand-gradient { background: var(--primary-gradient); }
    .bg-dark-gradient { background: var(--dark-gradient); }
    .card-shadow { box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05); }
    .card-shadow-hover:hover { box-shadow: 0 20px 35px -5px rgba(26, 111, 232, 0.15); }
    .clip-corner { clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%); }