.intro-circuit-pattern-bg{opacity:.15;background-image:linear-gradient(90deg,#53d8fb1a 1px,#0000 1px),linear-gradient(#53d8fb1a 1px,#0000 1px),radial-gradient(circle at 20% 30%,#2979ff1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#53d8fb1a 0%,#0000 50%);background-size:50px 50px,50px 50px,300px 300px,300px 300px;width:100%;height:100%;animation:20s linear infinite circuitMove;position:absolute;top:0;left:0}@keyframes circuitMove{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:50px 50px,50px 50px,100px 100px,-100px -100px}}.intro-glowing-cube{width:60px;height:60px;transform-style:preserve-3d;animation:8s ease-in-out infinite cubeFloat;position:absolute}.intro-cube-face{background:linear-gradient(135deg,#53d8fb4d,#2979ff4d);border:1px solid #53d8fb80;width:100%;height:100%;position:absolute;box-shadow:0 0 20px #53d8fb99,inset 0 0 30px #2979ff33}.intro-cube-face.front{transform:rotateY(0)translateZ(30px)}.intro-cube-face.back{transform:rotateY(180deg)translateZ(30px)}.intro-cube-face.right{transform:rotateY(90deg)translateZ(30px)}.intro-cube-face.left{transform:rotateY(-90deg)translateZ(30px)}.intro-cube-face.top{transform:rotateX(90deg)translateZ(30px)}.intro-cube-face.bottom{transform:rotateX(-90deg)translateZ(30px)}@keyframes cubeFloat{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-20px)rotateX(90deg)rotateY(90deg)}50%{transform:translateY(-10px)rotateX(180deg)rotateY(180deg)}75%{transform:translateY(-15px)rotateX(270deg)rotateY(270deg)}}.intro-glowing-cube.cube-1{animation-delay:0s;top:15%;left:10%}.intro-glowing-cube.cube-2{animation-delay:1s;top:25%;right:15%}.intro-glowing-cube.cube-3{animation-delay:2s;top:50%;left:20%}.intro-glowing-cube.cube-4{animation-delay:3s;top:60%;right:25%}.intro-glowing-cube.cube-5{animation-delay:1.5s;top:35%;left:50%}.intro-glowing-cube.cube-6{animation-delay:2.5s;top:70%;left:45%}.intro-glowing-cube.cube-7{animation-delay:.5s;top:10%;left:60%}.intro-glowing-cube.cube-8{animation-delay:3.5s;top:80%;right:10%}.intro-connection-line{transform-origin:0;background:linear-gradient(90deg,#0000 0%,#53d8fb66 20%,#2979ff99 50%,#53d8fb66 80%,#0000 100%);height:1px;animation:3s ease-in-out infinite linePulse;position:absolute;box-shadow:0 0 10px #53d8fb80}@keyframes linePulse{0%,to{opacity:.3}50%{opacity:.8}}.intro-connection-line.line-1{width:200px;top:20%;left:12%;transform:rotate(15deg)}.intro-connection-line.line-2{width:180px;top:30%;right:18%;transform:rotate(-25deg)}.intro-connection-line.line-3{width:250px;top:55%;left:23%;transform:rotate(35deg)}.intro-connection-line.line-4{width:220px;top:65%;right:28%;transform:rotate(-15deg)}.intro-connection-line.line-5{width:150px;top:40%;left:52%;transform:rotate(45deg)}.intro-connection-line.line-6{width:200px;top:75%;left:48%;transform:rotate(-35deg)}.intro-security-lock{filter:drop-shadow(0 0 10px #53d8fb80);width:40px;height:40px;font-size:30px;animation:6s ease-in-out infinite lockFloat;position:absolute}.intro-security-lock.lock-1{animation-delay:0s;top:20%;left:30%}.intro-security-lock.lock-2{animation-delay:2s;top:65%;right:35%}@keyframes lockFloat{0%,to{opacity:.5;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-15px)rotate(10deg)}}.intro-security-key{filter:drop-shadow(0 0 10px #2979ff80);width:35px;height:35px;font-size:28px;animation:7s ease-in-out infinite keyFloat;position:absolute}.intro-security-key.key-1{animation-delay:1s;top:45%;left:70%}.intro-security-key.key-2{animation-delay:3s;top:75%;left:25%}@keyframes keyFloat{0%,to{opacity:.5;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-20px)rotate(-15deg)}}.intro-diamond-shape{background:#53d8fb1a;border:2px solid #53d8fb80;width:30px;height:30px;animation:4s ease-in-out infinite diamondPulse;position:absolute;transform:rotate(45deg);box-shadow:0 0 15px #53d8fb99,inset 0 0 15px #2979ff4d}.intro-diamond-shape.diamond-1{animation-delay:0s;top:30%;right:40%}.intro-diamond-shape.diamond-2{animation-delay:2s;top:55%;left:60%}.intro-diamond-shape.diamond-3{animation-delay:1s;top:85%;right:20%}@keyframes diamondPulse{0%,to{opacity:.4;transform:rotate(45deg)scale(1)}50%{opacity:.7;transform:rotate(45deg)scale(1.2)}}@media (max-width:1200px){.intro-circuit-pattern-bg{opacity:.1}.intro-connection-line{opacity:.15}}