.octagon-container{position:relative;left:50%;transform:translateX(-50%);margin:0;opacity:0;transition:opacity 1s ease-out}.octagon-container.visible{opacity:1}.octagon-item{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;transform:translate(var(--x),var(--y));transition:transform .2s ease-in-out}.octagon-item:hover{transform:translate(var(--x),var(--y)) scale(1.15);z-index:10}.octagon-icon-wrapper{border-radius:50%;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border:1px solid transparent;width:100%;aspect-ratio:1/1;height:auto;transition:all .2s ease-in-out}.octagon-item:hover .octagon-icon-wrapper{box-shadow:0 0 25px hsl(var(--primary)/.7);border-color:hsl(var(--primary)/.8)}.light .octagon-icon-wrapper{background-color:hsl(var(--card)/.8);box-shadow:0 4px 15px rgba(0,0,0,.1);border-color:hsl(var(--border))}.dark .octagon-icon-wrapper{background-color:hsl(var(--secondary)/.2);box-shadow:0 4px 15px rgba(0,0,0,.2);border-color:hsl(var(--border)/.5)}.octagon-item-label{margin-top:4px;font-weight:600;font-size:.875rem;color:hsl(var(--foreground));opacity:.8;white-space:nowrap}.octagon-lines-svg{position:absolute;top:0;left:0;overflow:visible;z-index:1;pointer-events:none}.static-path{fill:none;stroke:hsl(var(--primary));stroke-width:1px;animation:breathe 4s ease-in-out infinite alternate}.pulse-path{fill:none;stroke:hsl(var(--primary));stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 200;stroke-dashoffset:200;filter:drop-shadow(0 0 8px hsl(var(--primary)));animation:breathe-and-move 4s ease-in-out infinite}@keyframes breathe{0%{opacity:.2;stroke-width:.5px}to{opacity:.8;stroke-width:1.5px}}@keyframes breathe-and-move{0%{opacity:0;stroke-dashoffset:200}30%{opacity:0;stroke-dashoffset:200}40%{opacity:.8}80%{opacity:.8;stroke-dashoffset:-200}81%{opacity:0}to{opacity:0;stroke-dashoffset:-200}}@media (max-width:768px){.octagon-item-label{font-size:.75rem}}