/* Estilos Globais e Animações */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #0D0D0D;
    color: #E5E7EB;
}

h1, h2, h3, .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Ocultar scrollbar horizontal no menu mobile */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Animação do cursor piscando */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
.animate-pulse-cursor {
    animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Scrollbar customizada vertical */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0D0D0D; }
::-webkit-scrollbar-thumb { background: #2A2A2A; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8A2BE2; }

/* Classes ativas para o menu de navegação */
.nav-btn.active {
    background-color: rgba(138, 43, 226, 0.1);
    color: #8A2BE2;
    border-color: rgba(138, 43, 226, 0.3);
    transform: scale(1.02);
}
.nav-btn:not(.active) {
    color: #9CA3AF;
    border-color: transparent;
}
.nav-btn:not(.active):hover {
    background-color: #1A1A1A;
    color: #FFFFFF;
}