/* roulang page: index */
:root {
      --bg-main: #07090e;
      --card-bg: #111726;
      --border-color: #1e293b;
      --accent-gold: #d4af37;
      --accent-cyan: #00f2fe;
      --text-muted: #94a3b8;
    }
    body {
      background-color: var(--bg-main);
      color: #f1f5f9;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
      overflow-x: hidden;
    }
    .gold-gradient-text {
      background: linear-gradient(135deg, #fff2cc 0%, #d4af37 50%, #aa7c11 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .cyan-gradient-text {
      background: linear-gradient(135deg, #ffffff 0%, #00f2fe 50%, #0284c7 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
      width: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 9999px;
    }
    .noise-bg {
      background-image: radial-gradient(rgba(0, 242, 254, 0.04) 1px, transparent 0);
      background-size: 24px 24px;
    }