polish(global): page entrance animation + accent focus ring (session 1.4)

polish(global): page entrance animation + accent focus ring (session 1.4)

Phase 1.4 — global UX polish that propagates to every page. Cheap to
ship, visible everywhere, makes the site feel alive instead of static.

Changes to src/views/layout.tsx:

  1. Page entrance animation on <main>:
       gxMainEnter — 360ms ease-out fade-up of 4px
       cubic-bezier(0.22, 1, 0.36, 1) is the 'fast-out, slow-in'
       curve used by Linear / Vercel / Stripe — feels intentional,
       never sluggish.

     Result: navigating to ANY page produces a soft 'land' that
     signals 'this loaded for you' instead of a hard pop-in.
     Honors prefers-reduced-motion: reduce.

  2. Accent-tinted focus ring across all focusable elements:
       2px outline in rgba(140, 109, 255, 0.55) with 2px offset
       :focus-visible only (mouse users never see it; keyboard
       users get a clean accent-coloured indicator).

     Replaces the browser default blue ring that fights the violet
     brand palette. Keyboard navigation now feels intentional.

Tests: 2003/2003 pass.

End of Phase 1 polish session — what shipped:
  3a5755e — web fonts + animated hero + bigger headline
  13ac035 — pricing 'bundle math vs GitHub' comparison block
  98f45b4 — login/register premium gateway feel
  98f45b4..HEAD — global page entrance + accent focus ring

Total: 4 commits, ~140 lines of polish across landing, pricing,
auth, layout, and global CSS. The deploy will fire shortly; the
visible transformation is concentrated where new visitors form
their first impression (landing hero, pricing) and where existing
users live (every page via main entrance animation + nav focus).

Phase 2 work for next session (queued): dashboard hero rebuild,
repo home page polish, PR/issue UI modernization, empty/error
state pass.