.site-logo{position:relative;width:150px;height:150px;display:inline-block;cursor:pointer;overflow:visible;will-change:filter;animation:logo-breathe 5s ease-in-out infinite}.site-logo img{display:block;width:100%;height:100%;border-radius:50%;position:relative;z-index:2;will-change:transform;transition:transform .5s cubic-bezier(0.34,1.56,.64,1),filter .4s ease}.site-logo::before{content:'';position:absolute;top:50%;left:50%;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;border:1.5px solid transparent;border-top-color:rgba(100,215,255,.85);border-right-color:rgba(100,215,255,.4);border-bottom-color:rgba(100,215,255,.12);border-left-color:rgba(100,215,255,.55);transform-origin:center center;transform:rotateX(70deg) rotateZ(0deg);animation:logo-orbit-1 16s linear infinite;will-change:transform;z-index:1;pointer-events:none}.site-logo::after{content:'';position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(185,95,255,.7);border-right-color:rgba(185,95,255,.2);border-bottom-color:rgba(185,95,255,.08);border-left-color:rgba(185,95,255,.4);transform-origin:center center;transform:rotateX(52deg) rotateY(25deg) rotateZ(0deg);animation:logo-orbit-2 10s linear infinite reverse;will-change:transform;z-index:1;pointer-events:none}.site-logo:hover img{transform:scale(1.07);filter:brightness(1.18) saturate(1.25)}.site-logo:hover{animation:none;filter:drop-shadow(0 0 12px rgba(90,200,255,.8)) drop-shadow(0 0 28px rgba(90,200,255,.4)) drop-shadow(0 0 55px rgba(140,70,255,.3))}.site-logo:hover::before{animation:logo-orbit-1 3.5s linear infinite;border-top-color:rgba(100,230,255,1);border-left-color:rgba(100,230,255,.75);border-right-color:rgba(100,230,255,.35);filter:drop-shadow(0 0 6px rgba(100,230,255,.7))}.site-logo:hover::after{animation:logo-orbit-2 2.8s linear infinite reverse;border-top-color:rgba(210,100,255,1);border-left-color:rgba(210,100,255,.6);filter:drop-shadow(0 0 6px rgba(210,100,255,.65))}@keyframes logo-breathe{0%,100%{filter:drop-shadow(0 0 5px rgba(100,180,255,.25)) drop-shadow(0 0 14px rgba(100,180,255,.1))}50%{filter:drop-shadow(0 0 10px rgba(100,190,255,.55)) drop-shadow(0 0 28px rgba(120,70,255,.22))}}@keyframes logo-orbit-1{from{transform:rotateX(70deg) rotateZ(0deg)}to{transform:rotateX(70deg) rotateZ(360deg)}}@keyframes logo-orbit-2{from{transform:rotateX(52deg) rotateY(25deg) rotateZ(0deg)}to{transform:rotateX(52deg) rotateY(25deg) rotateZ(360deg)}}