/* roulang page: index */
:root {
      --bg-surface: #0B0E14;
      --bg-panel: #121824;
      --bg-card: #1A2333;
      --color-primary: #00E599;
      --color-accent: #2E7CF6;
      --color-danger: #F6465D;
    }
    body {
      background-color: var(--bg-surface);
      color: #94A3B8;
      overflow-x: hidden;
    }
    .neon-glow-primary {
      box-shadow: 0 0 25px rgba(0, 229, 153, 0.35);
    }
    .neon-border {
      border: 1px solid rgba(0, 229, 153, 0.25);
    }
    .card-hover-effect {
      transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }
    .card-hover-effect:hover {
      transform: translateY(-4px);
      border-color: rgba(0, 229, 153, 0.4);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 229, 153, 0.15);
    }
    .marquee-track {
      display: flex;
      width: max-content;
      animation: marquee 35s linear infinite;
    }
    @keyframes marquee {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }