/* roulang page: index */
:root {
      --color-brand: #0F172A;
      --color-brand-green: #059669;
      --color-bg-light: #F8FAFC;
    }
    .tabular-nums { font-variant-numeric: tabular-nums; }
    .hero-mask {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 41, 59, 0.92) 100%);
    }
    .card-hover {
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    }
    .card-hover:hover {
      transform: translateY(-4px);
      border-color: rgba(5, 150, 105, 0.4);
      box-shadow: 0 16px 32px -8px rgba(15, 23, 42, 0.08);
    }