Aurora Dream Vivid Bloom

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16

<div className="min-h-screen w-full relative">  {/* Aurora Dream Vivid Bloom */}  <div    className="absolute inset-0 z-0"    style={{      background: `        radial-gradient(ellipse 80% 60% at 70% 20%, rgba(175, 109, 255, 0.85), transparent 68%),        radial-gradient(ellipse 70% 60% at 20% 80%, rgba(255, 100, 180, 0.75), transparent 68%),        radial-gradient(ellipse 60% 50% at 60% 65%, rgba(255, 235, 170, 0.98), transparent 68%),        radial-gradient(ellipse 65% 40% at 50% 60%, rgba(120, 190, 255, 0.3), transparent 68%),        linear-gradient(180deg, #f7eaff 0%, #fde2ea 100%)      `,    }}  />  {/* Your content goes here */}</div>