Convert SCSS to Tailwind or CSS Modules

Convert this SCSS file to a more modern styling approach.

Choose:
- Tailwind utilities, or
- Component-scoped CSS Modules

Do:
- Flatten deeply nested selectors
- Avoid over-specific selectors
- Replace magic numbers with spacing scale
- Keep responsive breakpoints explicit

Return updated markup + styles, and explain the mapping.