/* roulang page: index */
:root {
      --bg-dark: #06131F;
      --bg-primary: #0D2538;
      --color-gold: #F59E0B;
      --color-accent: #10B981;
    }
    .tabular-num { font-variant-numeric: tabular-nums; }
    .gold-gradient-text {
      background: linear-gradient(135deg, #FDE68A 0%, #F59E0B 50%, #D97706 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 20%, rgba(245, 158, 11, 0.12) 0%, rgba(16, 185, 129, 0.05) 45%, transparent 70%);
    }
    .vip-card-border {
      border: 1px solid rgba(245, 158, 11, 0.25);
      background: linear-gradient(180deg, rgba(15, 48, 67, 0.75) 0%, rgba(6, 19, 31, 0.95) 100%);
    }
    .vip-card-border:hover {
      border-color: rgba(245, 158, 11, 0.6);
      box-shadow: 0 10px 25px -5px rgba(245, 158, 11, 0.15);
    }