/* css/style.css */

body {
    background-color: #020402;
    color: #e5e5e5;
    overflow-x: hidden;
}

/* Glassmorphism Refinado */
.glass-panel {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

.glass-panel:hover {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
}

.text-gradient {
    background: linear-gradient(135deg, #ffffff 0%, #34d399 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Utilitário para sobreposição de imagem escura */
.overlay-dark {
    background: linear-gradient(to top, #020402 10%, rgba(2, 4, 2, 0.8) 50%, rgba(2, 4, 2, 0.6) 100%);
}

.card-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 100%);
}

/* Classes utilitárias para imagens de fundo */
.bg-cover-center {
    background-size: cover;
    background-position: center;
}