Style: Gradient Mesh / Aurora Evolved. Type: General. Keywords: Complex gradients, mesh gradients, multi-color blend, aurora effect, flowing colors, iridescent, holographic, prismatic. Primary Colors: Multi-stop gradients: Cyan #00FFFF, Magenta #FF00FF, Yellow #FFFF00, Blue #0066FF, Green #00FF66. Secondary Colors: Complementary mesh points, smooth color transitions, iridescent overlays, chromatic shifts. Effects & Animation: CSS mesh-gradient (experimental), SVG gradients, canvas gradients, smooth color morphing, flowing animation. Best For: Hero sections, backgrounds, creative brands, music platforms, fashion, lifestyle, premium products. Do Not Use For: Data interfaces, text-heavy content, accessibility-critical, conservative brands. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Good. Accessibility: ⚠ Text contrast. Mobile-Friendly: ✓ Good. Conversion-Focused: ✓ High. Framework Compatibility: CSS 8/10, SVG 10/10, Canvas 10/10. Era/Origin: 2025+ Gradient Evolution. Complexity: Medium. AI Prompt Keywords: Design with gradient mesh aurora effect. Use: multi-color mesh gradients, flowing color transitions, aurora/northern lights feel, iridescent overlays, holographic shimmer, prismatic effects, smooth color morphing.. CSS/Technical: background: conic-gradient or mesh (SVG), animation: gradient flow (background-position), filter: hue-rotate for shimmer, mix-blend-mode: screen, canvas for complex mesh, multiple gradient layers. Implementation Checklist: ☐ Mesh gradient visible, ☐ Colors flow smoothly, ☐ Aurora effect achieved, ☐ Performance acceptable, ☐ Text remains readable, ☐ Mobile renders ok. Design System Variables: --mesh-color-1: #00FFFF, --mesh-color-2: #FF00FF, --mesh-color-3: #FFFF00, --mesh-color-4: #00FF66, --flow-duration: 10s, --shimmer-intensity: 0.3.