/* public/assets/css/style.css */

/* --- EFFETS GLOBAUX --- */

/* Effet Scanline (Ligne cathodique rétro) */
.scanline {
    background: linear-gradient(
        to bottom, 
        rgba(255,255,255,0), 
        rgba(255,255,255,0) 50%, 
        rgba(0,0,0,0.1) 50%, 
        rgba(0,0,0,0.1)
    );
    background-size: 100% 4px;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    pointer-events: none;
    z-index: 50;
}

/* Texte Luminescent (Néon) */
.glow-text {
    text-shadow: 0 0 10px rgba(34, 211, 238, 0.5);
}

/* --- ANIMATIONS SVG --- */

/* Rotation lente pour les éléments d'interface */
.animate-spin-slow {
    animation: spin 20s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Rotation inversée */
.animate-spin-reverse-slow {
    animation: spin-reverse 15s linear infinite;
}

@keyframes spin-reverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

/* Effet de flux de données (Data Flow) dans les tuyaux */
.path-flow {
    stroke-dasharray: 10;
    animation: dashflow 1s linear infinite;
}

@keyframes dashflow {
    to { stroke-dashoffset: -20; }
}