.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.animated-background .shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:float 15s infinite ease-in-out;will-change:transform;transition:background-color .3s ease}@keyframes floatX{0%{transform:translate(0) rotateY(0)}18%{transform:translate(40px) rotate3d(.4,1,0,12deg)}38%{transform:translate(85px) rotate3d(.9,.7,0,25deg)}60%{transform:translate(120px) rotate3d(1.2,.5,0,35deg)}80%{transform:translate(60px) rotate3d(.7,1,0,20deg)}to{transform:translate(0) rotateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}32%{background-position:80% 60%}54%{background-position:40% 90%}76%{background-position:100% 40%}to{background-position:0% 50%}}@keyframes neonPulse{0%,to{box-shadow:0 0 60px 10px #82c8ff40,0 0 #0000000d;opacity:.5}35%{box-shadow:0 0 120px 40px #82c8ffa6,0 0 60px 16px #ffffff2e;opacity:.7}70%{box-shadow:0 0 80px 20px #82c8ff73,0 0 20px 8px #ffffff1a;opacity:.6}}@keyframes entrance{0%{opacity:0;transform:scale(.7) rotate3d(0,0,1,-30deg)}80%{opacity:.7;transform:scale(1.1) rotateY(10deg)}to{opacity:.5;transform:scale(1) rotate3d(0,0,0,0)}}@keyframes floatY{0%{transform:translateY(0)}22%{transform:translateY(-30px)}48%{transform:translateY(-65px)}73%{transform:translateY(-25px)}to{transform:translateY(0)}}@keyframes scalePulse{0%,to{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(1.07)}90%{transform:scale(1.12)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes entrance{0%{opacity:0;transform:scale(.8)}to{opacity:.5;transform:scale(1)}}body{background-image:radial-gradient(circle at 80% 10%,rgba(255,255,255,.8) 0%,transparent 60%),radial-gradient(circle at 20% 90%,rgba(240,248,255,.8) 0%,transparent 55%);background-attachment:fixed;transition:background-color .3s ease,background-image .3s ease}body.dark{background-image:radial-gradient(circle at 80% 10%,rgba(30,30,50,.8) 0%,transparent 60%),radial-gradient(circle at 20% 90%,rgba(20,20,40,.8) 0%,transparent 55%);background-attachment:fixed}.grid-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;background-size:30px 30px}.grid-lines{background-image:linear-gradient(to right,rgba(0,0,0,.012) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.012) 1px,transparent 1px)}.dark .grid-lines{background-image:linear-gradient(to right,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.012) 1px,transparent 1px)}