/* css/style.css - Versão Dominância Digital (Rosa) */

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

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

/* Efeito de destaque no texto (Gradiente Rosa) */
.text-gradient {
    background: linear-gradient(135deg, #ffffff 0%, #f43f5e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Scrollbar Rosa */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a; 
}
::-webkit-scrollbar-thumb {
    background: #333; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f43f5e; /* Rosa Majin Buu */
}

/* Animação do Toast (Prova Social) */
.toast-enter {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.5s ease-out;
}
.toast-enter-active {
    transform: translateX(0);
    opacity: 1;
}
.toast-exit {
    transform: translateX(0);
    opacity: 1;
    transition: all 0.5s ease-in;
}
.toast-exit-active {
    transform: translateX(-100%);
    opacity: 0;
}