Create a single-page, full-viewport 404 error screen in React + Vite + Tailwind CSS v4. Match this composition precisely. PAGE / CANVAS - The page must occupy the full viewport: `min-height: 100svh`. - Use a black fallback background. - Do not add page scrolling horizontally. Allow vertical scrolling only if a very short viewport requires it. - The page should be responsive while preserving the desktop composition at larger sizes. - Use no cards, buttons, nav links, gradients outside the 404 numerals, texture, glass, dark overlay, blur overlay, or any additional UI. BACKGROUND VIDEO - Add this exact MP4 as the full-page background: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260801_001207_ec20d138-aa45-4b2b-ab8c-bdc71607f240.mp4` - Use a semantic `<video>` element, placed as the first child inside the page. - Required video attributes: - `autoPlay` - `loop` - `muted` - `playsInline` - `aria-hidden="true"` - The video must be absolutely positioned at `inset: 0`, with `width: 100%`, `height: 100%`, and `object-fit: cover`. - Video opacity must be exactly `1` / `100%`. - Do not apply any dark, black, colored, translucent, gradient, blur, blend-mode, or tint overlay over the video. - The logo and 404 content must appear above the video with a higher z-index. - Do not add animated CSS effects to the video; let the video’s own motion be the only background animation. FONT - Use the exact imported Figma font face: - Family / CSS family
……（完整源码请在站内查看）