/* index/index_styles.css */

:root { 
    --primary: #22c55e; 
    --bg: #040405; 
    --card: #0d0d11; 
    --border: #1f1f29; 
}

body { 
    background-color: var(--bg); 
    color: #f4f4f5; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    -webkit-font-smoothing: antialiased; 
}

.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}

.glass-nav { 
    background: rgba(4, 4, 5, 0.75); 
    backdrop-filter: blur(20px); 
    border-bottom: 1px solid var(--border); 
}

.bottom-nav { 
    background: rgba(4, 4, 5, 0.85); 
    backdrop-filter: blur(20px); 
    border-top: 1px solid var(--border); 
}

.card-premium { 
    background: linear-gradient(145deg, #0d0d11 0%, #121217 100%); 
    border: 1px solid var(--border); 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}

.card-premium:hover { 
    border-color: rgba(34, 197, 94, 0.3); 
    transform: translateY(-4px); 
    box-shadow: 0 12px 30px -10px rgba(4, 4, 5, 0.7); 
}

.text-neon { 
    color: var(--primary); 
    text-shadow: 0 0 15px rgba(34, 197, 94, 0.3); 
}

.pulse-green { 
    animation: pulse 2s infinite; 
}

@keyframes pulse { 
    0% { opacity: 1; } 
    50% { opacity: 0.4; } 
    100% { opacity: 1; } 
}

.swiper-pagination-bullet { 
    background: #3f3f46; 
    opacity: 1; 
    transition: all 0.3s ease; 
}

.swiper-pagination-bullet-active { 
    background: var(--primary); 
    width: 24px; 
    border-radius: 6px; 
}

.categoria-ativa { 
    border-color: var(--primary) !important; 
    color: var(--primary) !important; 
    background-color: rgba(34, 197, 94, 0.08) !important; 
}

.toast-alerta { 
    animation: slideIn 0.3s ease forwards; 
}

@keyframes slideIn { 
    from { transform: translateY(100px); opacity: 0; } 
    to { transform: translateY(0); opacity: 1; } 
}