.orbs-container{position:relative;width:100%;height:450px;display:flex;align-items:center;justify-content:center}.orbs-wrapper{position:relative;width:420px;height:420px}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(74,108,247,.3);transition:all 1.4s ease;cursor:pointer;pointer-events:none}.orbit:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;pointer-events:auto}.orbit:hover{border-color:rgba(139,199,255,.8);border-width:2px}.orbit-1{width:200px;height:200px;animation:rotate-clockwise 20s linear infinite;z-index:3}.orbit-2{width:260px;height:260px;animation:rotate-clockwise 30s linear infinite;z-index:2}.orbit-3{width:320px;height:320px;animation:rotate-clockwise 40s linear infinite;z-index:2}.orbit-4{width:380px;height:380px;animation:rotate-clockwise 50s linear infinite;z-index:1}.orb-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;animation:float 6s ease-in-out infinite,rotate-clockwise 50s linear infinite;cursor:pointer;transition:all 1.3s ease;z-index:5;pointer-events:auto}.orb-center:hover .orb-inner{background:linear-gradient(135deg,rgba(139,199,255,.9),rgba(139,199,255,.5));box-shadow:0 12px 50px rgba(139,199,255,.6),inset 0 -10px 20px rgba(0,0,0,.2),inset 0 10px 20px rgba(255,255,255,.5);transform:scale(1.1)}.orb-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(74,108,247,.9),rgba(74,108,247,.5));box-shadow:0 10px 40px rgba(74,108,247,.4),inset 0 -10px 20px rgba(0,0,0,.2),inset 0 10px 20px rgba(255,255,255,.3);position:relative;overflow:hidden;animation:pulse 5s ease-in-out infinite;transition:all .4s ease}.orb-glow{position:absolute;top:15%;left:15%;width:50%;height:50%;background:radial-gradient(circle,rgba(255,255,255,.9),transparent);border-radius:50%;filter:blur(10px);animation:shimmer 4s ease-in-out infinite}.orb-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:.3;filter:brightness(1.2);transition:all .4s ease}.orb-center:hover .orb-logo{opacity:1;filter:brightness(1.5) drop-shadow(0 0 20px rgba(139,199,255,.8));transform:translate(-50%,-50%) scale(1.1)}.logo-image{width:80px;height:80px;object-fit:contain}.orbit-sphere{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(74,108,247,.9),rgba(74,108,247,.5));box-shadow:0 4px 15px rgba(74,108,247,.4),inset 0 -3px 8px rgba(0,0,0,.3),inset 0 3px 8px rgba(255,255,255,.4);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10;pointer-events:auto}.orbit-sphere:hover{background:radial-gradient(circle at 30% 30%,rgba(139,199,255,.9),rgba(139,199,255,.5));box-shadow:0 6px 25px rgba(139,199,255,.8),inset 0 -3px 8px rgba(0,0,0,.3),inset 0 3px 8px rgba(255,255,255,.6);transform:scale(1.3);z-index:10}.sphere-1-1{width:18px;height:18px;top:-9px;left:50%;margin-left:-9px;animation:orbit-scale-1 3s ease-in-out infinite}.sphere-1-2{width:14px;height:14px;bottom:-7px;left:50%;margin-left:-7px;animation:orbit-scale-2 4s ease-in-out 1s infinite}.sphere-2-1{width:22px;height:22px;top:-11px;left:50%;margin-left:-11px;animation:orbit-scale-3 3.5s ease-in-out .5s infinite}.sphere-2-2{width:16px;height:16px;top:50%;right:-8px;margin-top:-8px;animation:orbit-scale-1 4.5s ease-in-out 1.5s infinite}.sphere-2-3{width:12px;height:12px;top:50%;left:-6px;margin-top:-6px;animation:orbit-scale-2 3.8s ease-in-out 2s infinite}.sphere-3-1{width:20px;height:20px;top:50%;right:-10px;margin-top:-10px;animation:orbit-scale-3 4.2s ease-in-out infinite}.sphere-3-2{width:15px;height:15px;bottom:-7.5px;left:50%;margin-left:-7.5px;animation:orbit-scale-1 5s ease-in-out 2.5s infinite}.sphere-4-1{width:24px;height:24px;top:-12px;left:50%;margin-left:-12px;animation:orbit-scale-2 4.5s ease-in-out .8s infinite}.sphere-4-2{width:18px;height:18px;top:50%;right:-9px;margin-top:-9px;animation:orbit-scale-3 5.5s ease-in-out 2s infinite}.sphere-4-3{width:16px;height:16px;top:50%;left:-8px;margin-top:-8px;animation:orbit-scale-1 4.8s ease-in-out 3.5s infinite}.dark .orbit{border-color:rgba(74,108,247,.4);transition:all .4s ease}.dark .orbit:hover{border-color:rgba(139,199,255,.9);border-width:2px}.dark .orb-inner{box-shadow:0 10px 40px rgba(74,108,247,.5),inset 0 -10px 20px rgba(0,0,0,.4),inset 0 10px 20px rgba(255,255,255,.2)}.dark .orb-center:hover .orb-inner{background:linear-gradient(135deg,rgba(139,199,255,1),rgba(139,199,255,.6));box-shadow:0 12px 55px rgba(139,199,255,.8),inset 0 -10px 20px rgba(0,0,0,.4),inset 0 10px 20px rgba(255,255,255,.4)}.dark .orb-logo{opacity:.4;filter:brightness(1.5)}.dark .orb-center:hover .orb-logo{opacity:1;filter:brightness(2) drop-shadow(0 0 25px rgba(139,199,255,1))}.dark .orbit-sphere{background:radial-gradient(circle at 30% 30%,rgba(74,108,247,1),rgba(74,108,247,.6));box-shadow:0 4px 20px rgba(74,108,247,.6),inset 0 -3px 8px rgba(0,0,0,.4),inset 0 3px 8px rgba(255,255,255,.5);transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .orbit-sphere:hover{background:radial-gradient(circle at 30% 30%,rgba(139,199,255,1),rgba(139,199,255,.7));box-shadow:0 6px 30px rgba(139,199,255,1),inset 0 -3px 8px rgba(0,0,0,.4),inset 0 3px 8px rgba(255,255,255,.7);transform:scale(1.3);z-index:10}@keyframes rotate-clockwise{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-50%) translateY(-25px) rotate(180deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shimmer{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(5px,5px)}}@keyframes orbit-scale-1{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}@keyframes orbit-scale-2{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}@keyframes orbit-scale-3{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:1}}@media (max-width:768px){.orbs-container{height:300px}.orbs-wrapper{width:280px;height:280px}.orb-center{width:90px;height:90px}.orb-small{width:45px;height:45px}.orbit-1{width:160px;height:160px}.orbit-2{width:210px;height:210px}.orbit-3{width:260px;height:260px}}