/* roulang page: index */
:root {
      --primary-forest: #0f382c;
      --accent-green: #00e575;
      --bg-light: #f8fafc;
      --card-border: rgba(15, 56, 44, 0.08);
    }
    html {
      scroll-behavior: smooth;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 229, 117, 0.15), transparent 70%);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 4px;
    }
    .accordion-content {
      transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    }
    .shimmer-badge {
      background: linear-gradient(90deg, rgba(0,229,117,0.1) 0%, rgba(0,229,117,0.3) 50%, rgba(0,229,117,0.1) 100%);
      background-size: 200% 100%;
      animation: shimmer 3s infinite;
    }
    @keyframes shimmer {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }