/* ==========================================================================
   enhance.css v2 — rifiniture additive coerenti con la palette "Velocity"
   (duotone warm/cool: flame->amber + track-azure). Caricato DOPO styles.css.
   Additivo: rifinisce sfondi di sezione e micro-interazioni delle card,
   SENZA toccare il layout. La maggior parte dello stile vive ora nei
   component-class compilati (tailwind.input.css).
   ========================================================================== */

/* ---- Profondità di sfondo per le sezioni interne (ritmo visivo, duotone) ---- */
#courses.page,
#news.page {
    background:
        radial-gradient(46rem 30rem at 108% -10%, rgba(215, 2, 5, .06), transparent 60%),
        radial-gradient(40rem 30rem at -10% 110%, rgba(47, 134, 246, .07), transparent 58%),
        #ffffff;
}
#team.page,
#contact.page,
#registration.page {
    background:
        radial-gradient(44rem 30rem at -10% -10%, rgba(215, 2, 5, .05), transparent 60%),
        radial-gradient(38rem 28rem at 110% 55%, rgba(47, 134, 246, .06), transparent 55%),
        linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%);
}

/* ---- Accento a gradiente (tri-color) che scorre in alto al passaggio del mouse ---- */
.course-card { position: relative; }
.course-card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 4px; z-index: 3;
    background: linear-gradient(90deg, #e51e1c, #d70205, #2f86f6);
    transform: scaleX(0); transform-origin: left;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.course-card:hover::before { transform: scaleX(1); }
.course-image i { filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)); }

/* ---- Rispetto delle preferenze di movimento ridotto ---- */
@media (prefers-reduced-motion: reduce) {
    .course-card::before { transition: none; }
}