/* roulang page: index */
:root {
      --color-bg: #F8F9FA;
      --color-dark: #0F1115;
      --color-primary: #00E599;
      --color-text-main: #1A1F26;
      --color-text-muted: #64748B;
      --color-border: rgba(15, 17, 21, 0.08);
    }
    body {
      background-color: var(--color-bg);
      color: var(--color-text-main);
      -webkit-font-smoothing: antialiased;
    }
    .custom-card {
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    }
    .custom-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
      border-color: rgba(0, 229, 153, 0.4);
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(15, 17, 21, 0.94) 0%, rgba(10, 46, 40, 0.88) 100%);
    }