/* Nouvelles rubriques : IA, Formations, dynamisme */
#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--secondary);z-index:100000}
.typed::after{content:"|";margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media(min-width:992px){.navbar-light .navbar-nav .nav-link{margin-right:20px;font-size:16px}}

/* IA */
.ia-section{margin:3rem 0;background:url(../img/blob-top-left.png) left top no-repeat,url(../img/blob-bottom-right.png) right bottom no-repeat}
.ia-tabs{list-style:none;padding:0}
.ia-tabs .nav-link{color:#fff;border-radius:50px;padding:10px 22px;margin:4px;font-weight:500;border:1px solid rgba(255,255,255,.35)}
.ia-tabs .nav-link.active{background:#fff;color:var(--primary)}
.ia-panel{background:rgba(255,255,255,.12);border-radius:16px;padding:2.2rem;color:#fff}
.ia-panel ul{list-style:none;padding:0;margin:0}
.ia-panel li{margin-bottom:.7rem}
.ia-panel li i{color:var(--secondary);margin-right:.6rem}
.ia-icon{font-size:7rem;color:var(--secondary);animation:float 4s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}

/* Formations */
.f-filters{list-style:none;padding:0}
.f-filters li{display:inline-block;cursor:pointer;margin:4px;padding:8px 20px;border-radius:50px;background:var(--light);font-weight:500;transition:.3s}
.f-filters li.active,.f-filters li:hover{background:var(--primary);color:#fff}
.f-item{animation:fIn .5s}
@keyframes fIn{from{opacity:0;transform:scale(.95)}}
.f-card{height:100%;display:flex;flex-direction:column;background:var(--light);border-radius:16px;padding:2rem;transition:.4s}
.f-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(98,34,204,.18)}
.f-meta{font-size:.9rem;color:#6b7280}
.f-cert{margin:1rem 0;padding:.7rem 1rem;border-left:4px solid var(--secondary);background:#fff;border-radius:6px;font-size:.92rem}
.f-card .btn{margin-top:auto;align-self:flex-start}
.f-step{text-align:center;padding:1rem}
.f-step i{width:64px;height:64px;line-height:64px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.5rem;margin-bottom:1rem;transition:.4s}
.f-step:hover i{background:var(--secondary);transform:rotate(360deg)}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}