:root{--glow-color:rgba(255,255,255,.8);--circle-size:360px;--orbit-size:400px;--particle-count:12}@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:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.border-animation{width:var(--orbit-size);height:var(--orbit-size);z-index:1;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:12s linear infinite orbit,3s ease-in-out infinite pulse;position:absolute;top:calc(50% - 2px);left:calc(50% - 15px)}.particles{border-radius:50%;width:100%;height:100%;animation:20s linear infinite reverse rotate;position:absolute}.particle{width:100%;height:100%;animation:15s linear infinite rotate;position:absolute}.particle:before,.particle:after{content:"";box-shadow:0 0 10px #fff,0 0 20px var(--glow-color);background:#fff;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute}.particle:first-child:before{width:6px;height:6px;margin-top:-3px;margin-left:-3px;animation-delay:0s;top:0;left:50%}.particle:nth-child(2):before{width:8px;height:8px;margin-top:-4px;margin-left:-4px;animation-delay:.2s;top:100%;left:50%}.particle:nth-child(3):before{width:4px;height:4px;margin-top:-2px;margin-left:-2px;animation-delay:.4s;top:50%;left:0}.particle:nth-child(4):before{width:5px;height:5px;margin-top:-2.5px;margin-right:-2.5px;animation-delay:.6s;top:50%;right:0}.particle:nth-child(5):before{width:3px;height:3px;animation-delay:.1s;top:25%;left:25%}.particle:nth-child(6):before{width:3px;height:3px;animation-delay:.3s;top:25%;right:25%}.particle:nth-child(7):before{width:3px;height:3px;animation-delay:.5s;bottom:25%;left:25%}.particle:nth-child(8):before{width:3px;height:3px;animation-delay:.7s;bottom:25%;right:25%}@media (max-width:768px){:root{--circle-size:280px;--orbit-size:320px}.border-line{width:20px;height:3px}.particle:before,.particle:after{width:3px!important;height:3px!important}}