.loader-container{z-index:9999;background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Courier New,monospace;display:flex;position:fixed;inset:0;overflow:hidden}.loader-container .circuit-board-wrapper{width:400px;height:400px;position:relative}.loader-container .circuit-board{width:100%;height:100%;position:absolute}.core-container{z-index:10;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-ring{border:3px solid #016630;border-radius:50%;position:absolute}.ring-outer{border-style:dashed;width:100%;height:100%;animation:4s linear infinite rotateClockwise;top:0;left:0;box-shadow:0 0 20px #0166304d}.ring-middle{border-style:solid;width:70%;height:70%;animation:3s linear infinite rotateCounter;top:15%;left:15%;box-shadow:0 0 15px #01663066}.ring-inner{border-style:dotted;width:40%;height:40%;animation:2s linear infinite rotateClockwise;top:30%;left:30%;box-shadow:0 0 10px #01663080}.core-center{background:#016630;border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite centerPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #01663099,0 0 40px #01663066,inset 0 0 10px #ffffff4d}.core-center:before{content:"";background:#fff6;border-radius:50%;width:20px;height:20px;animation:1.5s ease-in-out infinite innerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hex-connector{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#016630;width:30px;height:30px;animation:2s ease-in-out infinite hexPulse;position:absolute;box-shadow:0 0 15px #01663080}.hex-top{animation-delay:0s;top:-40px;left:50%;transform:translate(-50%)}.hex-bottom{animation-delay:.5s;bottom:-40px;left:50%;transform:translate(-50%)}.hex-left{animation-delay:1s;top:50%;left:-40px;transform:translateY(-50%)}.hex-right{animation-delay:1.5s;top:50%;right:-40px;transform:translateY(-50%)}.trace{background:linear-gradient(90deg,#0000,#016630,#0000);position:absolute;box-shadow:0 0 15px #01663066}.trace-horizontal{width:120px;height:3px;animation:2s ease-in-out infinite pulseHorizontal;top:50%}.trace-vertical{width:3px;height:120px;animation:2s ease-in-out infinite pulseVertical;left:50%}.trace-1{animation-delay:0s;left:-120px}.trace-2{animation-delay:.5s;right:-120px}.trace-3{animation-delay:1s;top:-120px}.trace-4{animation-delay:1.5s;bottom:-120px}.particle{background:#016630;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 15px #016630cc}.particle-1{animation:2s ease-in-out infinite moveRight;top:50%;left:-20px}.particle-2{animation:2s ease-in-out .5s infinite moveLeft;top:50%;right:-20px}.particle-3{animation:2s ease-in-out 1s infinite moveDown;top:-20px;left:50%}.particle-4{animation:2s ease-in-out 1.5s infinite moveUp;bottom:-20px;left:50%}.node{background:#016630;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite nodePulse;position:absolute;box-shadow:0 0 20px #016630b3}.node:after{content:"";background:#ffffff80;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-1{animation-delay:0s;top:25%;left:15%}.node-2{animation-delay:.3s;top:25%;right:15%}.node-3{animation-delay:.6s;bottom:25%;left:15%}.node-4{animation-delay:.9s;bottom:25%;right:15%}.data-line{opacity:0;background:#016630;height:2px;animation:3s ease-in-out infinite dataFlow;position:absolute}.data-line-1{width:0;animation-delay:0s;top:25%;left:15%}.data-line-2{width:0;animation-delay:.75s;top:25%;right:15%}.loading-text{color:#016630;letter-spacing:6px;text-shadow:0 0 5px #0166304d;font-size:20px;font-weight:700;animation:1.5s ease-in-out infinite textGlow;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.loading-text:after{content:"";animation:1.5s steps(4,end) infinite dots}.electron{background:#016630;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #016630e6}.electron-1{animation:4s linear infinite orbit1}.electron-2{animation:4s linear 1.33s infinite orbit2}.electron-3{animation:4s linear 2.66s infinite orbit3}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes centerPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 20px #01663099,0 0 40px #01663066,inset 0 0 10px #ffffff4d}50%{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 30px #016630cc,0 0 60px #01663099,inset 0 0 15px #ffffff80}}@keyframes innerGlow{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}@keyframes hexPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}@keyframes pulseHorizontal{0%,to{opacity:.3;box-shadow:0 0 10px #0166304d}50%{opacity:1;box-shadow:0 0 20px #01663099}}@keyframes pulseVertical{0%,to{opacity:.3;box-shadow:0 0 10px #0166304d}50%{opacity:1;box-shadow:0 0 20px #01663099}}@keyframes moveRight{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(220px)}}@keyframes moveLeft{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-220px)}}@keyframes moveDown{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(220px)}}@keyframes moveUp{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-220px)}}@keyframes nodePulse{0%,to{opacity:.7;transform:scale(1);box-shadow:0 0 15px #01663080}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 25px #016630cc}}@keyframes textGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes orbit1{0%{transform:translate(-50%,-50%)rotate(0)translate(110px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(110px)rotate(-360deg)}}@keyframes orbit2{0%{transform:translate(-50%,-50%)rotate(0)translate(140px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(140px)rotate(-360deg)}}@keyframes orbit3{0%{transform:translate(-50%,-50%)rotate(0)translate(170px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translate(170px)rotate(-360deg)}}@keyframes dataFlow{0%{opacity:0;width:0}50%{opacity:1;width:100px}to{opacity:0;width:0}}
