@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Inter:wght@400;600;700&display=swap');
        body { font-family: 'Inter', sans-serif; background-color: #0f172a; color: #f8fafc; }
        
        
        
        .metallic-bg { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); border-bottom: 3px solid #3b82f6; }
        
        .fox-glow { filter: drop-shadow(0 0 15px rgba(59, 130, 246, 0.5)); }
        
        .dropdown:hover .dropdown-menu { display: block; animation: fadeIn 0.2s; }
        
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        /* Style de la barre de recherche */

        .search-container {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(59, 130, 246, 0.5);
            box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
        }

           @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@300;400;600&display=swap');
        

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

        .metallic-card {
            background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
            border: 1px solid #334155;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }

        .scanning-line {
            height: 2px;
            background: #3b82f6;
            box-shadow: 0 0 15px #3b82f6;
            position: absolute;
            width: 100%;
            top: 0;
            animation: scan 2s linear infinite;
            display: none;
        }

        @keyframes scan {
            0% { top: 0; }
            100% { top: 100%; }
        }

        .status-badge {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: bold;
            text-transform: uppercase;
        }
        .metallic-card:hover { border-color: #3b82f6; transform: translateY(-5px); }
        .saviez-vous-container { position: relative; max-width: 700px; margin: 40px auto; }
        .saviez-vous-text { position: absolute; top: 48%; left: 63%; transform: translate(-50%, -50%); width: 48%; color: #fff; font-size: 0.9rem; text-align: center; }
        
        /* Effet sur les liens du dropdown */
.nav-link {
    background-color: transparent;
    transform: translateX(0);
}

.nav-link:hover {
    /* Fond plus foncé au survol */
    background-color: #020617 !important; /* slate-950 */
    /* Décalage vers la droite */
    padding-left: 1.5rem !important; 
    color: #60a5fa !important; /* blue-400 */
}

/* Rotation de la flèche quand le menu est ouvert */
.rotate-arrow {
    transform: rotate(180deg);
}