Multi-Step Registration Page Build

I need a clean, responsive HTML + CSS page that guides visitors through a 2–3-step user-registration flow. Each step should appear in sequence without refreshing the browser, so a light vanilla-JavaScript or micro-framework approach is welcome as long as the markup stays semantic and easy to maintain.

The emphasis is on:

• Smooth transitions between steps (fade, slide, or similar effect)
• Clear visual indicators of progress (progress bar or numbered breadcrumbs)
• Fully responsive layout that looks consistent from mobile to desktop
• Commented, well-structured code so I can tweak copy or add fields later

Deliverables:
1. Single HTML file with embedded or linked, neatly organised CSS/JS.
2. Any asset files (icons, custom fonts) referenced.
3. Quick setup notes describing where to edit text, colours, and step order.

Once the page renders flawlessly across modern browsers (Chrome, Firefox, Safari, Edge) and all transitions work without console errors, the task is complete.