/* Efeito de Vidro Profundo (Glassmorphism) */
.glass {
    background: rgba(15, 15, 15, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
}

/* Animação de Pulsação para o Status "Online" */
@keyframes pulse-gold {
    0% { box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(234, 179, 8, 0); }
    100% { box-shadow: 0 0 0 0 rgba(234, 179, 8, 0); }
}

.status-active {
    animation: pulse-gold 2s infinite;
}

/* Estilização da Barra de Rolagem (Scrollbar) */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #050505;
}

::-webkit-scrollbar-thumb {
    background: #eab308;
    border-radius: 10px;
}

/* Efeito de Hover nos Inputs */
input:focus {
    box-shadow: 0 0 15px rgba(234, 179, 8, 0.1);
    transform: translateY(-1px);
}

/* Estilo para os botões de redes sociais */
.btn-social {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-social:hover {
    filter: brightness(1.2);
    letter-spacing: 1px;
}