feat: team spotlight carousel with drag, auto-rotate, and progress dots

- Spotlight stage effect with center card lit up, side cards dimmed
- Continuous drag navigation with pointer events
- Auto-rotation every 4.5s, pauses on interaction
- Interpolated card positions (size, opacity, brightness, grayscale)
- Progress dots navigation
- Fix About stats: 13 → 16 trainers

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-10 18:00:39 +03:00
parent fed99f27b5
commit 233c117afa
2 changed files with 286 additions and 79 deletions

View File

@@ -270,6 +270,19 @@
animation: modal-fade-in 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
/* ===== Team Info Fade ===== */
@keyframes team-info-in {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ===== Section Divider ===== */
.section-divider {