.dynamic-background{position:fixed;width:100%;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#667eea 75%,#764ba2);background-size:400% 400%;animation:gradientShift 20s ease infinite}.bg-overlay{background:radial-gradient(ellipse at top left,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(168,85,247,.1) 0,transparent 50%)}.bg-grid-pattern,.bg-overlay{position:absolute;width:100%;height:100%}.bg-grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;animation:slideGrid 40s linear infinite}.bg-shape{position:absolute;border:2px solid hsla(0,0%,100%,.1);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.02)}.bg-shape-1{width:300px;height:300px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:10%;left:-150px;animation:float1 25s ease-in-out infinite,morph 8s ease-in-out infinite}.bg-shape-2{width:200px;height:200px;top:60%;right:-100px;animation:float2 20s ease-in-out infinite;transform:rotate(45deg)}.bg-shape-3{width:150px;height:150px;border-radius:50%;top:40%;left:10%;animation:float3 30s ease-in-out infinite}.bg-shape-4{width:250px;height:250px;border-radius:20% 80% 40% 60%/60% 30% 70% 40%;bottom:10%;right:20%;animation:float1 35s ease-in-out infinite reverse,morph 10s ease-in-out infinite reverse}.bg-particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.3);border-radius:50%;animation:particleFloat 15s ease-in-out infinite}.bg-particle:first-child{top:20%;left:30%;animation-delay:0s;animation-duration:25s}.bg-particle:nth-child(2){top:80%;left:70%;animation-delay:2s;animation-duration:20s}.bg-particle:nth-child(3){top:50%;left:50%;animation-delay:4s;animation-duration:30s}.bg-particle:nth-child(4){top:10%;left:80%;animation-delay:1s;animation-duration:22s}.bg-particle:nth-child(5){top:70%;left:20%;animation-delay:3s;animation-duration:28s}.bg-particle:nth-child(6){top:30%;left:90%;animation-delay:5s;animation-duration:18s}.bg-particle:nth-child(7){top:90%;left:40%;animation-delay:2.5s;animation-duration:24s}.bg-particle:nth-child(8){top:45%;left:15%;animation-delay:4.5s;animation-duration:26s}.bg-line-decoration{position:absolute;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:lineMove 8s ease-in-out infinite}.bg-line-1{width:300px;top:25%;left:-300px;animation-delay:0s}.bg-line-2{width:400px;bottom:35%;right:-400px;animation-delay:4s}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes float1{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(100px,-50px) rotate(120deg)}66%{transform:translate(-50px,50px) rotate(240deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(45deg)}50%{transform:translate(-100px,-100px) rotate(225deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,40px) scale(.9)}75%{transform:translate(40px,30px) scale(1.05)}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}@keyframes particleFloat{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(30px,-30px);opacity:.6}50%{transform:translate(-20px,20px);opacity:.3}75%{transform:translate(40px,10px);opacity:.5}}@keyframes lineMove{0%,to{transform:translateX(0)}50%{transform:translateX(calc(100vw + 100%))}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .5s ease-out}