Verra Events Hero — Référence de design web et prompt

# Prompt: Verra Events hero

Build a single-file **community-platform hero** for a fictional creator platform, **Verra**, in plain HTML, CSS and vanilla JS with no framework, no build step and no media files. A black page holds a rounded dark frame. Inside it, a huge glowing vortex ring of fine red, pink and orange fins is drawn live on a canvas, cropped by the top of the frame. Below it sit a giant gradient word with a typing caret, a two-line subline and a white button. The ring turns slowly and the word types itself through a short list.

## Frame and scale

- **Page:** `#000`. The frame is inset 5vw left and right and 7.2vh top and bottom, with radius 14u, a 1px border at white 9%, and overflow hidden.
- **Unit:** `u = min(frameWidth / 1052, frameHeight / 754)`, written to `--u`. On phones (under 768px) `u = frameWidth / 600` and the frame is inset 10px.
- **Font:** Inter (variable, 400 to 600), self-hosted latin woff2.

## Nav (24u from the top, 26u and 24u side insets)