/* =========================================
   BASE & TYPOGRAPHIE
   ========================================= */
body {
    margin: 0;
    font-family: 'Arial Narrow', sans-serif;
    background: #0a0a0a;
    color: #eee;
}

/* Utilitaires */
.hidden { display: none !important; }

/* Scrollbar personnalisée */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #7b7b7b; border-radius: 10px; }

/* =========================================
   ANIMATIONS GLOBALES (TRANSITIONS)
   ========================================= */
@keyframes globalSlideUp {
    from {
        opacity: 0;
        transform: translateY(40px); /* Part de plus bas */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Classe qu'on va ajouter en JS pour déclencher l'effet */
.animate-view {
    animation: globalSlideUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}