/* roulang page: index */
:root {
      --brand-green: #00FF88;
      --brand-cyan: #00E5FF;
      --brand-orange: #FF5C00;
      --bg-dark: #0A0D10;
      --bg-card: #12161A;
      --border-line: rgba(255, 255, 255, 0.08);
    }
    * { box-sizing: border-box; }
    body {
      background-color: var(--bg-dark);
      color: #D1D5DB;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 16px rgba(0, 255, 136, 0.45);
    }
    .border-glow {
      border: 1px solid rgba(0, 255, 136, 0.25);
      box-shadow: 0 0 15px rgba(0, 255, 136, 0.1);
    }
    .hero-bg {
      background-image: linear-gradient(to bottom, rgba(10, 13, 16, 0.75) 0%, rgba(10, 13, 16, 0.95) 100%), url('/assets/images/eeec2d4840ed3712.jpg');
      background-size: cover;
      background-position: center;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #0A0D10;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #1F2937;
      border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background: var(--brand-green);
    }