Soft Morning Mist

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
17. 17
18. 18
19. 19
20. 20

<div className="min-h-screen w-full bg-[#f8fafc] relative">  {/* Soft Morning Mist Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(135deg,           rgba(248,250,252,1) 0%,           rgba(219,234,254,0.7) 30%,           rgba(165,180,252,0.5) 60%,           rgba(129,140,248,0.6) 100%        ),        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.6) 0%, transparent 40%),        radial-gradient(circle at 80% 70%, rgba(199,210,254,0.4) 0%, transparent 50%),        radial-gradient(circle at 40% 80%, rgba(224,231,255,0.3) 0%, transparent 60%)      `,    }}  />  {/* Your Content/Components */}</div>