mcu

Prompt

Edit the existing `index.html` MCU ARCHIVE website you previously created. DO NOT rebuild it from scratch, remove existing features, or create a different design. Preserve all existing movies, posters, data, search, filters, sorting, phases, timeline, characters, movie details, spoilers, post-credit scenes, recommendations, navigation, URL routing, responsiveness, and functionality. Your main task is to give the website a MASSIVE professional animation and interaction upgrade. Make it feel like a premium cinematic entertainment product, NOT a vibe-coded AI website. Add as many sophisticated animations as reasonably possible, including: * cinematic page-load animations * staggered hero/title/metadata reveals * subtle hero parallax * mouse-responsive image depth * smooth page/view transitions * movie-card hover animations * poster zoom and image movement * scroll-triggered section reveals * staggered movie-grid entrances * animated filters and sorting transitions * expanding animated search * animated timeline lines and markers * phase transitions * cinematic movie-detail transitions * poster depth effects * animated information rows * spoiler reveal animations * post-credit section reveals * character hover/reveal animations * animated MCU connection lines/nodes * button/icon microinteractions * animated mobile menu * scroll-progress indicator * animated dividers * image clip/mask reveals * subtle background motion * refined focus/active states * smooth back-navigation transitions Use a unified professional motion system with consistent easing and durations. Prefer transform, opacity, clip-path, and performant CSS animations. Use IntersectionObserver where appropriate. Respect `prefers-reduced-motion`. IMPORTANT: More animation does NOT mean chaotic animation. Avoid excessive neon, glow, particles, bouncing, spinning, giant gradients, glassmorphism, or gimmicky effects. The result must remain cinematic, editorial, minimal, sophisticated, and human-designed. Do NOT sacrifice performance or existing functionality. After editing, actually CREATE and provide the UPDATED downloadable file named `index.html`. It must remain completely self-contained with HTML, CSS, JavaScript, and data inside ONE file. No backend, npm, build process, additional files, or setup should be required. I should only need to DOWNLOAD → DOUBLE CLICK → OPEN. Do not give explanations or snippets. Modify the existing file and return the finished downloadable `index.html`.

A system prompt was added to support web rendering