@keyframes logo-pop-in{0%{opacity:0;transform:translateX(-45px) rotate(-5deg) scale(.72)}55%{opacity:1;transform:translateX(5px) rotate(1deg) scale(1.08)}75%{transform:translateX(-3px) rotate(-.5deg) scale(.98)}100%{transform:translateX(0) rotate(0) scale(1)}}
@keyframes logo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.4deg)}}
@keyframes logo-sheen{0%,55%{transform:translateX(-145%) skewX(-22deg);opacity:0}61%{opacity:.78}76%,100%{transform:translateX(195%) skewX(-22deg);opacity:0}}
.topbar .logo{position:relative;overflow:hidden;border-radius:10px;animation:logo-pop-in 1.1s cubic-bezier(.18,.89,.27,1.25) both}.topbar .logo img{animation:logo-float 3.2s ease-in-out 1.15s infinite}.topbar .logo:after{content:"";position:absolute;inset:-30% auto -30% -40%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:logo-sheen 5.5s ease-in-out 1.5s infinite;pointer-events:none}.footer-logo img{animation:logo-float 4s ease-in-out infinite}.topbar .logo:hover img{animation-duration:1.5s}@media(prefers-reduced-motion:reduce){.topbar .logo,.topbar .logo img,.footer-logo img,.topbar .logo:after{animation:none}}