/* FUNDO */
body {
    background: linear-gradient(180deg, #0a0a0a, #000000) !important;
    color: #ffffff !important;
}

/* VARIÁVEIS */
:root {
    --gold: #FFD700;
    --gold-dark: #c9a646;
    --bg-card: #121212;
}

/* BOTÕES */
button, .btn {
    background: linear-gradient(135deg, #FFD700, #c9a646) !important;
    color: #000 !important;
    border-radius: 10px;
    font-weight: bold;
    border: none !important;
}

/* HOVER BOTÃO */
button:hover {
    box-shadow: 0 0 10px #FFD700;
}

/* CARDS */
.card, .game-card {
    background: #121212 !important;
    border-radius: 12px;
    border: 1px solid rgba(255, 215, 0, 0.2);
}

/* TEXTO IMPORTANTE */
.balance, .amount {
    color: #FFD700 !important;
}

/* HEADER */
header, .navbar {
    background: #0a0a0a !important;
}

/* =========================
   🔘 BOTÕES PREMIUM AVANÇADO
========================= */
button, .btn {
    background: linear-gradient(135deg, #FFD700, #c9a646) !important;
    color: #000 !important;
    border-radius: 12px;
    font-weight: bold;
    border: none !important;
    padding: 10px 18px;
    transition: all 0.3s ease;
}

button:hover, .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

/* =========================
   💰 SALDO MAIS BONITO
========================= */
.balance, .wallet, .amount {
    font-size: 16px;
    letter-spacing: 1px;
    color: #FFD700 !important;
}

/* =========================
   🧩 CARDS MELHORADOS
========================= */
.card, .game-card {
    background: linear-gradient(145deg, #121212, #0a0a0a) !important;
    border-radius: 14px;
    border: 1px solid rgba(255, 215, 0, 0.15);
    overflow: hidden;
}

.card:hover {
    transform: scale(1.03);
    border-color: #FFD700;
}

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

/* 🔥 CORREÇÃO GLOBAL DE TEXTO INVISÍVEL */
body {
    color: #ffffff !important;
}

/* textos gerais */
p, span, small, strong, label, a {
    color: #ffffff !important;
}

/* títulos */
h1, h2, h3, h4, h5, h6 {
    color: #FFD700 !important;
}

/* inputs */
input, textarea, select {
    color: #ffffff !important;
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

/* placeholders */
input::placeholder, textarea::placeholder {
    color: #aaa !important;
}

/* links */
a {
    text-decoration: none;
}

/* 🔥 FUNDO PREMIUM ESCURO */
body {
    background: radial-gradient(circle at top, #1a1a1a, #0a0a0a 70%) !important;
}

/* 🔥 CARDS ESTILO CASSINO */
.card, .box, .container {
    background: #111 !important;
    border-radius: 12px !important;
    border: 1px solid #222 !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.6) !important;
}

/* 🔥 EFEITO HOVER NOS CARDS */
.card:hover, .box:hover {
    transform: scale(1.02);
    border-color: #FFD700 !important;
    transition: all 0.3s ease;
}

/* 🔥 BOTÕES MAIS PREMIUM */
button, .btn {
    background: linear-gradient(135deg, #FFD700, #c9a646) !important;
    color: #000 !important;
    border-radius: 10px !important;
}

/* 🔥 ANIMAÇÃO SUAVE GLOBAL */
* {
    transition: all 0.2s ease-in-out;
}

/* 🔥 TEXTO COM GLOW (VALORES IMPORTANTES) */
.balance, .amount, .money {
    color: #FFD700 !important;
    text-shadow: 0 0 5px #FFD700,
                 0 0 10px #FFD700,
                 0 0 20px rgba(255, 215, 0, 0.6);
    font-weight: bold;
}

/* 🔥 BOTÕES COM GLOW AO PASSAR O MOUSE */
button:hover, .btn:hover {
    box-shadow: 0 0 10px #FFD700,
                0 0 20px rgba(255, 215, 0, 0.6);
}

/* 🔥 BORDA GLOW EM ELEMENTOS IMPORTANTES */
.glow-border {
    border: 1px solid #FFD700 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}