.animate-gradient-bg {
                    background: linear-gradient(-45deg,
                    #f8fafc, #ffffff, #f1f5f9, #e2e8f0,
                    rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.9),
                    rgba(226, 232, 240, 0.85), #ffffff,
                    #f8fafc, #f1f5f9
                    );
                    background-size: 400% 400%;
                    animation: modernFlow 18s ease-in-out infinite;
                    position: relative;
                }

                @keyframes modernFlow {
                    0% { background-position: 0% 50%; }
                    50% { background-position: 100% 50%; }
                    100% { background-position: 0% 50%; }
                }

                .animate-gradient-bg::before {
                    content: '';
                    position: absolute;
                    top: 0; left: 0; right: 0; bottom: 0;
                    background: radial-gradient(circle at 25% 25%, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
                    pointer-events: none;
                }