.futuristic-spinner{width:120px;height:120px}.futuristic-spinner,.spinner-container{position:relative;display:flex;justify-content:center;align-items:center}.outer-ring,.spinner-container{width:100%;height:100%}.outer-ring{position:absolute;border:2px solid transparent;border-radius:50%;animation:rotate-clockwise 3s linear infinite}.outer-ring:before{inset:-2px;background:conic-gradient(from 0deg,transparent 0deg,transparent 60deg,#00bfff 120deg,#0080ff 180deg,transparent 240deg,transparent 1turn)}.outer-ring:after,.outer-ring:before{content:"";position:absolute;border-radius:50%;z-index:-1}.outer-ring:after{inset:2px;background:#010101}.middle-ring{position:absolute;width:80%;height:80%;border:1px solid transparent;border-radius:50%;animation:rotate-counter-clockwise 2s linear infinite}.middle-ring:before{inset:-1px;background:conic-gradient(from 180deg,transparent 0deg,#0ff 90deg,#fff 180deg,#0ff 270deg,transparent 1turn)}.middle-ring:after,.middle-ring:before{content:"";position:absolute;border-radius:50%;z-index:-1}.middle-ring:after{inset:1px;background:#010101}.ring-particle{position:absolute;width:4px;height:4px;background:#00bfff;border-radius:50%;box-shadow:0 0 10px #00bfff,0 0 20px #00bfff,0 0 30px #00bfff;animation:pulse-particle 1.5s ease-in-out infinite}.ring-particle-1{top:-2px;left:50%;transform:translateX(-50%);animation-delay:0s}.ring-particle-2{top:50%;right:-2px;transform:translateY(-50%);animation-delay:.375s}.ring-particle-3{bottom:-2px;left:50%;transform:translateX(-50%);animation-delay:.75s}.ring-particle-4{top:50%;left:-2px;transform:translateY(-50%);animation-delay:1.125s}.ring-segment{position:absolute;width:3px;height:20px;background:linear-gradient(180deg,transparent,#0ff,transparent);border-radius:2px;animation:glow-segment 2s ease-in-out infinite}.ring-segment-1{top:0;left:50%;transform:translateX(-50%);animation-delay:0s}.ring-segment-2{top:50%;right:0;transform:translateY(-50%) rotate(90deg);animation-delay:.5s}.ring-segment-3{bottom:0;left:50%;transform:translateX(-50%) rotate(180deg);animation-delay:1s}.ring-segment-4{top:50%;left:0;transform:translateY(-50%) rotate(270deg);animation-delay:1.5s}.spinner-core{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#012 0,#000811 100%);border:1px solid #00bfff;box-shadow:0 0 20px rgba(0,191,255,.5),inset 0 0 20px rgba(0,191,255,.1)}.core-inner{position:relative;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#00bfff 0,#0080ff 100%);animation:core-pulse 2s ease-in-out infinite}.core-pulse{width:100%;height:100%;background:radial-gradient(circle,rgba(0,191,255,.8) 0,transparent 70%);animation:pulse-core 1s ease-in-out infinite}.core-glow,.core-pulse{position:absolute;border-radius:50%}.core-glow{width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,rgba(0,191,255,.2) 0,transparent 50%);animation:glow-core 3s ease-in-out infinite}.scanner-line{position:absolute;width:2px;height:60px;background:linear-gradient(180deg,transparent,#0ff,transparent);border-radius:1px;animation:scan-line 4s linear infinite}.scanner-line-1{top:30px;left:50%;transform:translateX(-50%);animation-delay:0s}.scanner-line-2{top:30px;left:50%;transform:translateX(-50%) rotate(90deg);animation-delay:2s}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff;animation:float-particle 3s ease-in-out infinite}.particle-1{top:10%;left:20%;animation-delay:0s}.particle-2{top:20%;right:15%;animation-delay:.5s}.particle-3{bottom:15%;left:15%;animation-delay:1s}.particle-4{bottom:20%;right:20%;animation-delay:1.5s}.particle-5{top:60%;left:10%;animation-delay:2s}.particle-6{top:40%;right:10%;animation-delay:2.5s}@keyframes rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-counter-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes pulse-particle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes glow-segment{0%,to{opacity:.5;box-shadow:0 0 10px #0ff}50%{opacity:1;box-shadow:0 0 20px #0ff,0 0 30px #0ff}}@keyframes core-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-core{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes glow-core{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes scan-line{0%{opacity:0;transform:translateX(-50%) rotate(0deg)}25%{opacity:1}50%{opacity:1;transform:translateX(-50%) rotate(180deg)}75%{opacity:1}to{opacity:0;transform:translateX(-50%) rotate(1turn)}}@keyframes float-particle{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}