/* ===== FUNDO ULTRA PREMIUM ===== */
body {
    background: radial-gradient(circle at 20% 20%, #111827, #020617 80%);
    color: #e5e7eb;
    font-family: 'Inter', sans-serif;
}

/* ===== EFEITO GLOW GLOBAL ===== */
.glow {
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
}

/* ===== HEADER VIDRO (GLASS EFFECT) ===== */
header, nav {
    background: rgba(2, 6, 23, 0.7) !important;
    backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 215, 0, 0.1);
}

/* ===== BOTÃO MASTER ===== */
.btn-gold {
    background: linear-gradient(135deg, #FFD700, #facc15);
    color: #000 !important;
    border-radius: 14px;
    padding: 12px 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

.btn-gold:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.9);
}

/* ===== CARDS DE JOGO ===== */
.game-card {
    background: linear-gradient(145deg, #020617, #0f172a);
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
}

.game-card:hover {
    transform: scale(1.04);
}

/* brilho ao passar mouse */
.game-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(255,215,0,0.2), transparent);
    opacity: 0;
    transition: 0.4s;
}

.game-card:hover::after {
    opacity: 1;
}

/* ===== TEXTO PREMIUM ===== */
h1, h2, h3 {
    color: #FFD700;
    text-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
}

/* ===== SALDO ANIMADO ===== */
.balance {
    font-size: 18px;
    font-weight: bold;
    color: #22c55e;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { text-shadow: 0 0 5px #22c55e; }
    50% { text-shadow: 0 0 20px #22c55e; }
    100% { text-shadow: 0 0 5px #22c55e; }
}

/* ===== SCROLL PREMIUM ===== */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(#FFD700, #facc15);
    border-radius: 10px;
}

/* ===== REMOVE AZUL ===== */
[class*="blue"] {
    background: none !important;
}