a11y: honor prefers-reduced-motion in Hosted globals.css

[CodewithJha]

Problem

docs/GOOD_FIRST_ISSUES.md #12 asks to wrap decorative transitions in prefers-reduced-motion. apps/web/src/app/globals.css (and related) do not currently gate animations on that media query (verify and implement).

Repository evidence

• apps/web/src/app/globals.css
• Catalog 💡 Feature Requests & Community Ideas #12; open a11y sibling a11y: skip-to-content / focus order on Hosted landing #4 (skip link)

Why it matters

Vestibular / motion-sensitive users on the Hosted UI.

Proposed direction

Add @media (prefers-reduced-motion: reduce) rules that set animation/transition to none or minimal for decorative effects only. Do not remove essential focus outlines.

Acceptance criteria

• Reduced-motion media query present and covers decorative transitions/animations
• No layout redesign; focus visibility preserved
• PR notes what selectors were gated

Testing expectations

Manual: OS reduce-motion on → animations stop.

Difficulty

XS–S · good first issue