.orbiting-skills-wrapper{position:relative;width:450px;height:450px;display:flex;align-items:center;justify-content:center;margin:0 auto}.orbit-background{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 25% 25%,#374151 0%,transparent 50%),radial-gradient(circle at 75% 75%,#4B5563 0%,transparent 50%);pointer-events:none;border-radius:50%}.orbit-center{position:relative;width:80px;height:80px;background:linear-gradient(135deg,#374151,#1f2937);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 20px 40px #0006}.orbit-center:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:#06b6d44d;animation:pulseGlow 2s ease-in-out infinite}.orbit-center:after{content:"";position:absolute;inset:-15px;border-radius:50%;background:#9333ea33;animation:pulseGlow 2s ease-in-out infinite;animation-delay:1s}.orbit-path{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.orbit-path-inner{position:absolute;inset:0;border-radius:50%;animation:pulseOrbit 4s ease-in-out infinite}.orbit-path-cyan .orbit-path-inner{background:radial-gradient(circle,transparent 30%,rgba(6,182,212,.15) 70%,rgba(6,182,212,.3) 100%);box-shadow:0 0 40px #06b6d44d,inset 0 0 40px #06b6d433,0 0 60px #06b6d426;border:1px solid rgba(6,182,212,.25)}.orbit-path-purple .orbit-path-inner{background:radial-gradient(circle,transparent 30%,rgba(147,51,234,.15) 70%,rgba(147,51,234,.3) 100%);box-shadow:0 0 40px #9333ea4d,inset 0 0 40px #9333ea33,0 0 60px #9333ea26;border:1px solid rgba(147,51,234,.25)}.orbit-icon{position:absolute;top:50%;left:50%;background:#0f172af2;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:8px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 6px #0000004d,0 0 20px #64646433;border:2px solid rgba(255,255,255,.1);z-index:10}.orbit-icon:hover{transform:scale(1.35)!important;z-index:20!important;background:#0f172a;box-shadow:0 12px 24px #00000080,0 0 50px var(--icon-glow-color, rgba(100, 255, 255, .8)),0 0 80px var(--icon-glow-color, rgba(100, 255, 255, .4)),inset 0 0 20px var(--icon-glow-color, rgba(255, 255, 255, .15));border:3px solid var(--icon-glow-color, rgba(255, 255, 255, .8))}.orbit-icon:hover svg{filter:brightness(1.3) saturate(1.5)}.orbit-icon svg{width:100%;height:100%;display:block}.orbit-icon-label{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);padding:6px 12px;background:linear-gradient(135deg,#111827fa,#1e293bfa);border-radius:6px;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s ease;z-index:30;box-shadow:0 4px 12px #00000080,0 0 20px #6464ff4d;border:1px solid rgba(255,255,255,.2)}.orbit-icon:hover .orbit-icon-label{opacity:1;transform:translate(-50%) translateY(-4px);background:linear-gradient(135deg,#111827,#1e293b);box-shadow:0 6px 16px #0009,0 0 30px var(--icon-glow-color, rgba(100, 255, 255, .7)),0 0 50px var(--icon-glow-color, rgba(100, 255, 255, .3));border:2px solid var(--icon-glow-color, rgba(255, 255, 255, .6))}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.6}}@keyframes pulseOrbit{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.02);filter:brightness(1.2)}}@media(max-width:768px){.orbiting-skills-wrapper{width:calc(100vw - 40px);height:calc(100vw - 40px);max-width:450px;max-height:450px}.orbit-icon{padding:6px}.orbit-icon-label{font-size:.7rem;bottom:-28px}.orbit-center{width:60px;height:60px}.orbit-center svg{width:28px;height:28px}}@media(max-width:480px){.orbiting-skills-wrapper{width:calc(100vw - 20px);height:calc(100vw - 20px);max-width:350px;max-height:350px}.orbit-center{width:50px;height:50px}.orbit-center svg{width:24px;height:24px}.orbit-icon{padding:4px}.orbit-icon-label{font-size:.65rem;bottom:-24px;padding:3px 6px}}.orbiting-skills-wrapper,.orbit-icon,.orbit-path-inner{will-change:transform}.orbit-icon,.orbit-icon-label{user-select:none;-webkit-user-select:none;-moz-user-select:none}