body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background-color: #060B14; 
    color: #e2e8f0;
    overflow-x: hidden;
}

/* Cacher la scrollbar mais garder le scroll */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Style des boutons uniques (Dark + Glow Cyan) */
.btn-outline {
    background-color: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(51, 65, 85, 0.8);
    color: #94a3b8;
    transition: all 0.3s ease;
}
.btn-outline:hover {
    border-color: #06b6d4; 
    color: #fff;
}
.btn-active {
    background-color: rgba(6, 182, 212, 0.1) !important;
    border-color: #06b6d4 !important;
    color: #06b6d4 !important;
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.2);
}

/* Glass Panel pour l'interface */
.glass-panel {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.8) 0%, rgba(9, 14, 23, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
}

select option, select optgroup { background-color: #0f172a; color: white; }

/* Auto Scroll Animation */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-scroll { display: flex; width: max-content; animation: scroll 40s linear infinite; }
.scroller-inner:hover { animation-play-state: paused; }
.mask-edge { mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); }