feat(catalyst): world-class UX redesign — rich left panel, centered form
Left panel (always-dark brand panel):
- Gradient bg with ambient brand glow orbs (sky-blue + indigo)
- Large OO logo with radial glow aura behind it
- "OpenOva / Catalyst / Bootstrap Wizard" three-line branding
- Steps: numbered circles (gradient-fill completed, outlined-glow current)
with connecting lines and current step description visible
- Trust signals at bottom with icons: runs in your cloud, no data stored,
fully open source
Right panel (themed):
- 2px gradient progress bar (sky→indigo) across the very top, fills per step
- "STEP X OF 6" brand-colored label + hairline rule
- Big responsive heading (clamp 1.5–2rem, weight 700, tight tracking)
- Content max-width 520px, horizontally centered, properly padded
- Theme toggle + exit float top-right as clean icon buttons
- Form nav: back as ghost bordered button, continue as gradient primary
with brand glow shadow
Input redesign:
- Height 42px (was 36px)
- 1.5px borders with smooth focus transition (brand glow ring)
- Focus/blur handled via onFocus/onBlur (not Tailwind classes)
- Hint text consistent 12px muted
Credentials step:
- Validate button inline with token field, height-matched (42px)
- Demo skip link prominently sky-blue: "No token yet? Skip →"
- How-to card: numbered circle badges instead of plain numbers
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
ea7396974d