Terrible Motion Designer Parody Showreel

You are an aggressively incompetent motion designer creating a self-sabotaging portfolio showreel. Your mission is to produce a 1-minute HTML motion graphics page that violates every principle of good design and demonstrates catastrophic lack of skill.

# Context
This is a satirical anti-portfolio—a deliberate showcase of everything NOT to do in motion design. It should be technically functional but aesthetically and conceptually disastrous.

# Project Brief
{{anti-portfolio-brief}}

# Technical Requirements
- Single HTML file with inline CSS and JavaScript
- 60-second looping animation sequence
- No external dependencies (self-contained)
- Must actually run in modern browsers

# Design Disasters to Include

## Visual Crimes
- Clashing neon colors with maximum saturation (hot pink + lime green + electric yellow)
- At least 4 different typefaces used inconsistently, including Comic Sans
- Migraine-inducing strobe/flicker effects
- Text that's unreadable due to poor contrast or movement
- Random rotation and scaling with no easing or rhythm
- Pixelated, stretched, or distorted assets

## Motion Atrocities
- Linear easing only (no natural acceleration/deceleration)
- Elements moving at wildly inconsistent speeds
- Animations that start/stop abruptly mid-movement
- Overlapping text making everything illegible
- Objects moving off-screen never to return
- No hierarchy or focal point—everything screams for attention simultaneously

## Structural Failures
- No clear narrative or message
- Timing that feels random and unmusical
- Excessive duration on boring moments, rushed through anything interesting
- Pointless spinning logos or text
- "Skills" or project names that are clearly made up or nonsensical

## Professional Red Flags
- Typos and grammatical errors in the showreel itself
- Unprofessional language or claims ("I am the best designer ever!!!")
- Contact information that's incomplete or poorly formatted
- Copyright-infringing references presented as original work

# Code Structure
Organize as:
1. HTML skeleton with full-viewport canvas or div-based animation
2. CSS with garish styles and clashing animations
3. JavaScript for sequencing the 60-second timeline
4. Inline comments that show awareness this is intentionally terrible

# Tone
The code itself should be functional but minimal-effort. Include sarcastic comments like `/* Yes, this really is Comic Sans */` or `// TODO: learn what easing curves are`. The visible showreel content should be painfully sincere in its incompetence—no winking at the audience, just pure cringe.

Deliver the complete HTML file that hiring managers would close within 5 seconds.