.gooey-nav-container{position:relative;display:flex;align-items:center;justify-content:center;height:100%;background:transparent}.gooey-nav-container nav{position:relative;z-index:2}.gooey-nav-container ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}.gooey-nav-container li{position:relative;z-index:1}.gooey-nav-container li a{display:block;padding:.75rem 1.5rem;text-decoration:none;font-weight:600;font-size:1rem;color:#374151;border-radius:2rem;transition:all .3s ease;position:relative;z-index:2;background:transparent;border:2px solid transparent;white-space:nowrap}.gooey-nav-container li a:hover{color:#2C57A0;transform:translateY(-2px)}.gooey-nav-container li.active a{color:#ffffff;background:#2C57A0;border-color:#2C57A0;box-shadow:0 4px 15px rgba(44,87,160,.3)}.effect{position:absolute;border-radius:2rem;pointer-events:none;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.effect.filter{background:#2C57A0;filter:blur(20px);opacity:.8}.effect.text{color:#ffffff;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;background:transparent;z-index:3}.effect.text.active{animation:textFadeIn .3s ease-out}@keyframes textFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:1}.particle .point{width:100%;height:100%;border-radius:50%;background:var(--color,#2C57A0);opacity:.6}.particle.active{animation:particleMove var(--time,1s) ease-out forwards}@keyframes particleMove{0%{transform:translate(var(--start-x,0),var(--start-y,0)) scale(var(--scale,1)) rotate(var(--rotate,0deg));opacity:.8}50%{opacity:1}to{transform:translate(var(--end-x,0),var(--end-y,0)) scale(0) rotate(var(--rotate,0deg));opacity:0}}@media (max-width:1280px){.gooey-nav-container ul{gap:1.5rem}.gooey-nav-container li a{padding:.6rem 1.2rem;font-size:.95rem}}@media (max-width:1024px){.gooey-nav-container ul{gap:1.25rem}.gooey-nav-container li a{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:768px){.gooey-nav-container{display:none}}@media (max-width:640px){.gooey-nav-container ul{gap:1rem}.gooey-nav-container li a{padding:.4rem .8rem;font-size:.85rem}}@media (max-width:480px){.gooey-nav-container ul{gap:.75rem}.gooey-nav-container li a{padding:.35rem .7rem;font-size:.8rem}}@media (min-width:1440px){.gooey-nav-container ul{gap:2.5rem}.gooey-nav-container li a{padding:.875rem 1.75rem;font-size:1.1rem}}@media (hover:none) and (pointer:coarse){.gooey-nav-container li a:hover{transform:none}.gooey-nav-container li a:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.effect,.gooey-nav-container li a,.particle.active{transition:none;animation:none}.gooey-nav-container li a:hover{transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hamburger-button span{transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-container .logo-link:hover img{transform:scale(1.05);filter:brightness(1.1)}.mobile-menu-enter{animation:slideDown .3s ease-out forwards}.mobile-menu-exit{animation:slideDown .3s ease-in reverse}.mobile-menu-link{position:relative;overflow:hidden}.mobile-menu-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(44,87,160,.1),transparent);transition:left .5s ease}.mobile-menu-link:hover:before{left:100%}.hamburger-button:focus-visible{outline:2px solid #2C57A0;outline-offset:2px;border-radius:4px}.mobile-menu-link:focus-visible{outline:2px solid #2C57A0;outline-offset:2px;border-radius:8px}@media (hover:none) and (pointer:coarse){.mobile-menu-link:hover:before{left:-100%}.mobile-menu-link:active:before{left:100%}}@media (prefers-reduced-motion:reduce){.hamburger-button span,.mobile-menu-link,.navbar-container{transition:none;animation:none}.mobile-menu-link:before{transition:none}}@media (max-width:640px){.navbar-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@supports not (backdrop-filter:blur(20px)){.navbar-container{background:rgba(255,255,255,.95)!important}}.navbar-scrolled{box-shadow:0 4px 20px rgba(0,0,0,.1)}.navbar-container img{transition:all .3s ease}@media (min-resolution:192dpi){.navbar-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}