/* roulang page: index */
:root {
      --brand-primary: #00DC82;
      --brand-accent: #FF5A1F;
      --surface-dark: #0F141C;
      --surface-card: #18202F;
      --surface-light: #F8FAFC;
      --text-muted: #64748B;
      --border-line: rgba(255, 255, 255, 0.08);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: #0B0F17;
      color: #E2E8F0;
      overflow-x: hidden;
    }
    .neon-glow {
      box-shadow: 0 0 25px rgba(0, 220, 130, 0.25);
    }
    .orange-glow {
      box-shadow: 0 0 20px rgba(255, 90, 31, 0.3);
    }
    .border-subtle {
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .progress-bar-shine {
      background-size: 200% 100%;
      animation: shine 2.5s infinite linear;
    }
    @keyframes shine {
      0% { background-position: 200% 0; }
      100% { background-position: -200% 0; }
    }