Brilliant Swipe Levels Interaction

This interaction showcases a seamless horizontal swipe gesture to navigate between different educational levels. As the user swipes, the central 3D illustration scales and slides off-screen, replaced by the next level's illustration with a subtle springy overshoot. Simultaneously, the entire screen's color theme (including the primary button, active page indicator dot, and text highlights) morphs smoothly to match the new category. The lower list items also update with a quick staggered fade-in, creating a cohesive and highly polished transition.