Style: Liquid Glass. Type: General. Keywords: Flowing glass, morphing, smooth transitions, fluid effects, translucent, animated blur, iridescent, chromatic aberration. Primary Colors: Vibrant iridescent (rainbow spectrum), translucent base with opacity shifts, gradient fluidity. Secondary Colors: Chromatic aberration (Red-Cyan), iridescent oil-spill, fluid gradient blends, holographic effects. Effects & Animation: Morphing elements (SVG/CSS), fluid animations (400-600ms curves), dynamic blur (backdrop-filter), color transitions. Best For: Premium SaaS, high-end e-commerce, creative platforms, branding experiences, luxury portfolios. Do Not Use For: Performance-limited, critical accessibility, complex data, budget projects. Light Mode: ✓ Full. Dark Mode: ✓ Full. Performance: ⚠ Moderate-Poor. Accessibility: ⚠ Text contrast. Mobile-Friendly: ◐ Medium. Conversion-Focused: ✓ High. Framework Compatibility: Framer Motion 10/10, GSAP 10/10. Era/Origin: 2020s Modern. Complexity: High. AI Prompt Keywords: Create a premium liquid glass effect with morphing shapes, flowing animations, chromatic aberration, iridescent gradients, smooth 400-600ms transitions. Use SVG morphing for shape changes, dynamic blur, smooth color transitions creating a fluid, premium feel.. CSS/Technical: animation: morphing SVG paths (400-600ms), backdrop-filter: blur + saturate, filter: hue-rotate + brightness, blend-mode: screen, background: iridescent gradient. Implementation Checklist: ☐ Morphing animations 400-600ms, ☐ Chromatic aberration applied, ☐ Dynamic blur active, ☐ Iridescent gradients, ☐ Smooth color transitions, ☐ Premium feel achieved. Design System Variables: --morph-duration: 400-600ms, --blur-amount: 15px, --chromatic-aberration: true, --iridescent: true, --blend-mode: screen, --smooth-transitions: true.