/* ===================================================
   ORYS · cv.css — Styles spécifiques Computer Vision
   Couleur accent : bleu #0096C7 (identique à index.html)
   =================================================== */

:root {
    --neon: #0096C7;
    --neon-rgb: 0, 150, 199;
    --grid: #404040;
}

/* WebGL opacity */
#webgl-container { opacity: 0.4; }

/* Tech cards */
.tech-card {
    background: linear-gradient(180deg, rgba(26,26,26,0.8) 0%, rgba(10,10,10,0.9) 100%);
    border: 1px solid #404040;
    position: relative;
    overflow: hidden;
}
.tech-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 2px; height: 100%;
    background-color: var(--neon);
    opacity: 0;
    transition: opacity 0.3s;
}
.tech-card:hover::before { opacity: 1; }
.tech-card:hover { border-color: rgba(var(--neon-rgb), 0.3); }

/* Flux de données SVG */
@keyframes flow { to { stroke-dashoffset: -16; } }
.data-flow { stroke-dasharray: 8; animation: flow 1s linear infinite; }

/* Animation scan sur les cartes */
@keyframes scan {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(calc(100% - 2px)); }
}