Style: Aurora UI. Type: General. Keywords: Vibrant gradients, smooth blend, Northern Lights effect, mesh gradient, luminous, atmospheric, abstract. Primary Colors: Complementary: Blue-Orange, Purple-Yellow, Electric Blue #0080FF, Magenta #FF1493, Cyan #00FFFF. Secondary Colors: Smooth transitions (Blue→Purple→Pink→Teal), iridescent effects, blend modes (screen, multiply). Effects & Animation: Large flowing CSS/SVG gradients, subtle 8-12s animations, depth via color layering, smooth morph. Best For: Modern SaaS, creative agencies, branding, music platforms, lifestyle, premium products, hero sections. Do Not Use For: Data-heavy dashboards, critical accessibility, content-heavy where distraction issues. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Good. Accessibility: ⚠ Text contrast. Mobile-Friendly: ✓ Good. Conversion-Focused: ✓ High. Framework Compatibility: Tailwind 9/10, CSS-in-JS 10/10. Era/Origin: 2020s Modern. Complexity: Medium. AI Prompt Keywords: Create a vibrant gradient interface inspired by Northern Lights with mesh gradients, smooth color blends, flowing animations. Use complementary color pairs (blue-orange, purple-yellow), flowing background gradients, subtle continuous animations (8-12s loops), iridescent effects.. CSS/Technical: background: conic-gradient or radial-gradient with multiple stops, animation: @keyframes gradient (8-12s), background-size: 200% 200%, filter: saturate(1.2), blend-mode: screen or multiply. Implementation Checklist: ☐ Mesh/flowing gradients applied, ☐ 8-12s animation loop, ☐ Complementary colors used, ☐ Smooth color transitions, ☐ Iridescent effect subtle, ☐ Text contrast verified. Design System Variables: --gradient-colors: complementary pairs, --animation-duration: 8-12s, --blend-mode: screen, --color-saturation: 1.2, --effect: iridescent, --loop-smooth: true.