:root {
      --gold: #f5c842;
      --gold-dark: #c9961e;
      --deep: #0a0612;
      --mid: #14082b;
      --purple: #2d0b55;
      --accent: #ff6b35;
    }
    * { font-family: 'Raleway', sans-serif; }
    .font-display { font-family: 'Cinzel Decorative', serif; }

    body {
      background: linear-gradient(135deg, #0a0612 0%, #14082b 40%, #1a0a35 70%, #0d1020 100%);
      min-height: 100vh;
      color: #f0e6ff;
    }

    /* Stars background */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 80% 10%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 50% 60%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 10% 70%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 50%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 85%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 65% 20%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(2px 2px at 75% 75%, rgba(245,200,66,0.4) 0%, transparent 100%),
        radial-gradient(2px 2px at 25% 45%, rgba(245,200,66,0.3) 0%, transparent 100%);
      pointer-events: none;
      z-index: 0;
    }

    .gold-gradient { background: linear-gradient(135deg, #f5c842, #e09b1a, #f5c842); }
    .gold-text { background: linear-gradient(135deg, #f5c842, #ffd700, #e09b1a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .card-bg { background: rgba(255,255,255,0.04); backdrop-filter: blur(12px); border: 1px solid rgba(245,200,66,0.15); }
    .nav-bg { background: rgba(10,6,18,0.92); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(245,200,66,0.2); }

    .btn-gold {
      background: linear-gradient(135deg, #f5c842, #c9961e);
      color: #0a0612;
      font-weight: 700;
      letter-spacing: 0.05em;
      transition: all 0.3s ease;
      box-shadow: 0 4px 20px rgba(245,200,66,0.3);
    }
    .btn-gold:hover {
      background: linear-gradient(135deg, #ffd700, #f5c842);
      box-shadow: 0 6px 30px rgba(245,200,66,0.5);
      transform: translateY(-2px);
    }

    .coin-spin {
      animation: coinSpin 3s linear infinite;
    }
    @keyframes coinSpin {
      0% { transform: rotateY(0deg); }
      100% { transform: rotateY(360deg); }
    }

    .pulse-glow {
      animation: pulseGlow 2.5s ease-in-out infinite;
    }
    @keyframes pulseGlow {
      0%, 100% { box-shadow: 0 0 20px rgba(245,200,66,0.3); }
      50% { box-shadow: 0 0 40px rgba(245,200,66,0.6), 0 0 60px rgba(245,200,66,0.2); }
    }

    .float-anim {
      animation: floatAnim 4s ease-in-out infinite;
    }
    @keyframes floatAnim {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    .spin-slot {
      animation: spinSlot 0.4s ease-in-out infinite alternate;
    }
    @keyframes spinSlot {
      0% { transform: translateY(-4px); }
      100% { transform: translateY(4px); }
    }

    .page-enter { animation: pageEnter 0.5s ease forwards; }
    @keyframes pageEnter {
      from { opacity: 0; transform: translateY(16px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* Slot machine reel visual */
    .reel-glow {
      box-shadow: inset 0 0 30px rgba(245,200,66,0.2), 0 0 20px rgba(245,200,66,0.1);
    }

    /* Footer link hover */
    .footer-link { transition: color 0.2s; }
    .footer-link:hover { color: #f5c842; }

    /* Scrollbar */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: #0a0612; }
    ::-webkit-scrollbar-thumb { background: #f5c842; border-radius: 3px; }

    .divider-gold {
      height: 2px;
      background: linear-gradient(90deg, transparent, #f5c842, transparent);
    }