Enhance responsive design and mobile usability
Major CSS overhaul for improved responsiveness and accessibility:
- Add .main-container for full viewport coverage
- Refactor Home.razor.css with extensive media queries for tablet, desktop, mobile, and print
- Improve input, button, and feature section layouts
- Add word-break/overflow handling for long text
- Support high-DPI, reduced motion, and print styles
- Update app.css for better font rendering, touch targets, and mobile performance
These changes ensure a more user-friendly experience across all devices.
Michal Vrba
1013e3e133