:root{--glow-color:rgba(0,163,255,.8);--circle-size:360px;--orbit-size:400px;--particle-count:16;--particle-size:4px}@keyframes orbit{0%{transform:rotate(0deg)translateX(calc(var(--orbit-size)/2))rotate(0deg)}to{transform:rotate(360deg)translateX(calc(var(--orbit-size)/2))rotate(-360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.border-animation{width:var(--orbit-size);height:var(--orbit-size);z-index:1;pointer-events:none;border-radius:50%;transition:transform .3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.border-line{background:linear-gradient(90deg,transparent,var(--glow-color),transparent);transform-origin:0;width:30px;height:4px;box-shadow:0 0 10px #fff,0 0 20px var(--glow-color);border-radius:4px;animation:15s linear infinite orbit,3s ease-in-out infinite pulse;position:absolute;top:calc(50% - 2px);left:calc(50% - 15px)}.particles{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;position:absolute}.particle{width:100%;height:100%;transform-style:preserve-3d;animation:rotateParticle var(--anim-duration,30s)linear infinite;opacity:.8;position:absolute}.particle:before{content:"";box-shadow:0 0 10px #fff,0 0 20px var(--glow-color);animation:pulse var(--pulse-duration,2s)ease-in-out infinite;width:var(--size,4px);height:var(--size,4px);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.particle:nth-child(-n+8){--orbit-size:280px;--anim-duration:20s;--pulse-duration:2s;width:var(--orbit-size);height:var(--orbit-size);left:calc(50% - var(--orbit-size)/2);top:calc(50% - var(--orbit-size)/2);animation-direction:normal}.particle:nth-child(n+9){--orbit-size:420px;--anim-duration:35s;--pulse-duration:2.5s;width:var(--orbit-size);height:var(--orbit-size);left:calc(50% - var(--orbit-size)/2);top:calc(50% - var(--orbit-size)/2);animation-direction:reverse}.particle:first-child:before{--size:5px;top:0%;left:50%}.particle:nth-child(2):before{--size:4px;top:38.2%;right:11.8%}.particle:nth-child(3):before{--size:5px;top:23.6%;right:38.2%}.particle:nth-child(4):before{--size:4px;top:61.8%;right:11.8%}.particle:nth-child(5):before{--size:5px;bottom:0%;left:50%}.particle:nth-child(6):before{--size:4px;bottom:38.2%;left:11.8%}.particle:nth-child(7):before{--size:5px;bottom:23.6%;left:38.2%}.particle:nth-child(8):before{--size:4px;top:61.8%;left:11.8%}.particle:nth-child(9):before{--size:4px;top:0%;left:50%}.particle:nth-child(10):before{--size:3px;top:19.1%;right:5.9%}.particle:nth-child(11):before{--size:4px;top:50%;right:0%}.particle:nth-child(12):before{--size:3px;bottom:19.1%;right:5.9%}.particle:nth-child(13):before{--size:4px;bottom:0%;left:50%}.particle:nth-child(14):before{--size:3px;bottom:19.1%;left:5.9%}.particle:nth-child(15):before{--size:4px;top:50%;left:0%}.particle:nth-child(16):before{--size:3px;top:19.1%;left:5.9%}@keyframes rotateParticle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.group:hover .border-animation{transition:transform .3s ease-out;transform:translate(-50%,-50%)scale(1.1)}.group:hover .border-line{filter:brightness(1.3);transform-origin:0;transition:all .3s ease-out;transform:scale(1.5)}.group:hover .particle:before{opacity:.8;transition:all .3s ease-out;transform:scale(1.5)}@media (max-width:768px){:root{--circle-size:280px;--orbit-size:320px}.border-line{width:20px;height:3px}.particle:before{width:3px!important;height:3px!important}}