Extract inline CSS from step.html into step.css

Move all inline <style> block content to a separate step.css file
and replace with a <link> tag. Also convert static inline style
attributes to CSS classes.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: brunoborges