/* roulang page: index */
:root {
      --glow-cyan: rgba(0, 240, 255, 0.35);
      --glow-gold: rgba(245, 158, 11, 0.3);
      --border-cyan: rgba(0, 240, 255, 0.25);
    }
    body {
      background-color: #030712;
      color: #94a3b8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .neon-border {
      border: 1px solid var(--border-cyan);
      box-shadow: 0 0 15px rgba(0, 240, 255, 0.08);
    }
    .neon-border-hover:hover {
      border-color: rgba(0, 240, 255, 0.55);
      box-shadow: 0 0 25px rgba(0, 240, 255, 0.22);
    }
    .btn-glow {
      box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
      transition: all 0.25s ease-in-out;
    }
    .btn-glow:hover {
      box-shadow: 0 0 32px rgba(0, 240, 255, 0.65);
      transform: translateY(-1px);
    }
    .btn-glow-gold {
      box-shadow: 0 0 20px rgba(245, 158, 11, 0.35);
      transition: all 0.25s ease-in-out;
    }
    .btn-glow-gold:hover {
      box-shadow: 0 0 32px rgba(245, 158, 11, 0.65);
      transform: translateY(-1px);
    }
    .text-glow {
      text-shadow: 0 0 12px rgba(0, 240, 255, 0.5);
    }
    .glass-card {
      background: rgba(11, 19, 41, 0.7);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

/* roulang page: category2 */
:root {
      --glow-cyan: rgba(0, 240, 255, 0.35);
      --glow-gold: rgba(245, 158, 11, 0.3);
      --border-cyan: rgba(0, 240, 255, 0.25);
    }
    body {
      background-color: #030712;
      color: #94a3b8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .neon-border {
      border: 1px solid var(--border-cyan);
      box-shadow: 0 0 15px rgba(0, 240, 255, 0.08);
    }
    .neon-border-hover:hover {
      border-color: rgba(0, 240, 255, 0.55);
      box-shadow: 0 0 25px rgba(0, 240, 255, 0.22);
    }
    .btn-glow {
      box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
      transition: all 0.25s ease-in-out;
    }
    .btn-glow:hover {
      box-shadow: 0 0 32px rgba(0, 240, 255, 0.65);
      transform: translateY(-1px);
    }
    .btn-glow-gold {
      box-shadow: 0 0 20px rgba(245, 158, 11, 0.35);
      transition: all 0.25s ease-in-out;
    }
    .btn-glow-gold:hover {
      box-shadow: 0 0 32px rgba(245, 158, 11, 0.65);
      transform: translateY(-1px);
    }
    .text-glow {
      text-shadow: 0 0 12px rgba(0, 240, 255, 0.5);
    }
    .glass-card {
      background: rgba(11, 19, 41, 0.7);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .flash-meter {
      background: linear-gradient(90deg, rgba(6,182,212,0.2) 0%, rgba(59,130,246,0.5) 50%, rgba(245,158,11,0.8) 100%);
    }