@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes grid-pulse{0%{opacity:.15}50%{opacity:.25}to{opacity:.15}}@keyframes grid-overlay-shift{0%{background:radial-gradient(circle at 20% 20%,#0000 30%,#0a0a0f 80%)}50%{background:radial-gradient(circle at 80% 80%,#0000 30%,#0a0a0f 80%)}to{background:radial-gradient(circle at 20% 20%,#0000 30%,#0a0a0f 80%)}}@keyframes data-point-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes energy-pulse{0%{box-shadow:0 0 5px #7c3aed80}50%{box-shadow:0 0 20px #7c3aedcc,0 0 30px #a855f766}to{box-shadow:0 0 5px #7c3aed80}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes orb-float{0%{opacity:.3;transform:translate(0)scale(1)}50%{opacity:.5;transform:translate(30px,-30px)scale(1.2)}to{opacity:.3;transform:translate(0)scale(1)}}@keyframes node-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes glow-shift{0%{filter:blur(40px);opacity:.3}50%{filter:blur(60px);opacity:.5}to{filter:blur(40px);opacity:.3}}.animated-background{z-index:-1;background:linear-gradient(135deg,#0a0a0f 0%,#1a0d1a 25%,#0d1a0d 50%,#1a0d1a 75%,#0a0a0f 100%) 0 0/400% 400%;width:100%;height:100%;animation:8s ease-in-out infinite gradient-shift;position:fixed;top:0;left:0;overflow:hidden}.grid-background{opacity:.15;width:100%;height:100%;position:absolute}.grid-lines{background-image:linear-gradient(90deg,#7c3aed33 1px,#0000 1px),linear-gradient(#7c3aed33 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;animation:4s ease-in-out infinite grid-pulse;position:absolute}.grid-overlay{background:radial-gradient(circle,#0000 30%,#0a0a0f 80%);width:100%;height:100%;animation:6s ease-in-out infinite grid-overlay-shift;position:absolute}.grid-glow{background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:100%;height:100%;animation:8s ease-in-out infinite glow-shift;position:absolute}.data-points{width:100%;height:100%;position:absolute}.data-point{background:#7c3aed;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite data-point-float;position:absolute;box-shadow:0 0 10px #7c3aedb3}.particle-effects{pointer-events:none;width:100%;height:100%;position:absolute}.particle{background:radial-gradient(circle,#7c3aedcc 0%,#a855f766 50%,#0000 100%);border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 8px #7c3aed99}.binary-rain{width:100%;height:100%;position:absolute;overflow:hidden}.binary-digit{color:#7c3aedb3;text-shadow:0 0 5px #7c3aed80;font-family:Courier New,monospace;font-size:12px;animation:8s linear infinite matrix-rain;position:absolute}.connection-nodes{width:100%;height:100%;position:absolute}.node{background:#7c3aedcc;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 5px #7c3aedb3}.node-pulse{border:1px solid #7c3aed80;border-radius:50%;width:12px;height:12px;animation:2s infinite node-pulse;position:absolute;top:50%;left:50%}.gradient-orbs{pointer-events:none;width:100%;height:100%;position:absolute}.orb{border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}.orb-1{background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);width:300px;height:300px;animation-delay:0s;top:10%;left:10%}.orb-2{background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:250px;height:250px;animation-delay:2s;bottom:20%;right:15%}.orb-3{background:radial-gradient(circle,#7c3aed40 0%,#0000 70%);width:200px;height:200px;animation-delay:4s;top:50%;right:5%}