:root{--navbar-primary:#4894a2;--navbar-secondary:#50a08a;--navbar-primary-light:rgba(72,148,162,.1);--navbar-primary-medium:rgba(72,148,162,.2);--navbar-white:#fff;--navbar-dark:#1f2937;--navbar-transition:0.3s ease;--navbar-shadow-light:0 4px 12px rgba(0,0,0,.08);--navbar-shadow-medium:0 8px 16px rgba(0,0,0,.12);--navbar-radius-sm:4px;--navbar-radius-md:8px;--navbar-radius-lg:12px}.navbar-container{position:sticky;top:0;transition:padding var(--navbar-transition),background-color var(--navbar-transition),box-shadow var(--navbar-transition);transform:translateZ(0);will-change:transform,background-color;z-index:50}.navbar-active-indicator{position:absolute;bottom:-2px;left:0;height:2px;width:0;background-color:var(--navbar-primary);transition:width .3s ease-in-out,transform .3s ease-in-out}.navbar-menu-item.active .navbar-active-indicator,.navbar-menu-item:hover .navbar-active-indicator{width:100%}.navbar-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay;pointer-events:none;z-index:-1}.navbar-hover-3d{transition:transform .25s ease-out,box-shadow .25s ease-out,background-color .25s ease-out;will-change:transform,box-shadow}.navbar-hover-3d:hover{transform:translateY(-3px);box-shadow:var(--navbar-shadow-medium);background-color:var(--navbar-primary-light)}.navbar-hover-3d:active{transform:translateY(-1px);transition:transform .1s ease-out}@keyframes navbar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.navbar-floating{animation:navbar-float 6s ease-in-out infinite}.navbar-glow{transition:all .3s ease;position:relative;z-index:1}.navbar-glow:hover{box-shadow:0 0 15px rgba(72,148,162,.5)}.dark .navbar-glow:hover{box-shadow:0 0 15px rgba(94,180,160,.5)}.navbar-shine{position:relative;overflow:hidden}.navbar-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0));transform:rotate(30deg);animation:navbar-shine 8s linear infinite;pointer-events:none}@keyframes navbar-shine{0%{transform:scale(2) rotate(30deg) translateX(-150%)}to{transform:scale(2) rotate(30deg) translateX(150%)}}.navbar-feedback{transition:transform .15s ease-in-out}.navbar-feedback:active{transform:scale(.96)}.navbar-menu-item{position:relative;transition:color .2s ease-in-out;padding-bottom:3px}.navbar-menu-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--navbar-primary);transition:width .2s ease,left .2s ease}.navbar-menu-item.active:after,.navbar-menu-item:hover:after{width:100%;left:0}.navbar-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navbar-primary)}@media (prefers-reduced-motion){.navbar-floating,.navbar-glow,.navbar-hover-3d,.navbar-menu-item:after,.navbar-shine:after{animation:none!important;transition:none!important;transform:none!important}}.navbar-glassmorphism{background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.06);border-bottom:1px solid hsla(0,0%,100%,.3);transition:background-color .4s ease,box-shadow .4s ease;position:sticky;top:0;left:0;right:0;max-width:100vw}.dark .navbar-glassmorphism{background-color:rgba(17,24,39,.85);border-bottom:1px solid hsla(0,0%,100%,.03);box-shadow:0 4px 20px rgba(0,0,0,.2)}.fixed.inset-0.z-50.md\:hidden{display:flex!important;opacity:1!important;visibility:visible!important}.fixed.inset-0.z-50.md\:hidden>div{transform:translateX(0)!important;transition:transform .3s ease-out}.navbar-mobile-item{border-radius:var(--navbar-radius-md);transition:transform .25s ease,background-color .25s ease,border-left .25s ease;border-left:3px solid transparent}.navbar-mobile-item.active,.navbar-mobile-item:hover{background-color:var(--navbar-primary-light);border-left:3px solid var(--navbar-primary);transform:translateX(3px)}.navbar-badge{position:absolute;top:-6px;right:-6px;height:18px;width:18px;background-color:#ef4444;color:#fff;border-radius:50%;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;transform-origin:center center;animation:navbar-badge-pulse 2s infinite}@keyframes navbar-badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(239,68,68,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}.navbar-scroll-indicator{position:absolute;bottom:-2px;left:0;height:2px;width:0;background:linear-gradient(to right,var(--navbar-primary),#50a08a);z-index:10;transition:width .1s ease-out}.dropdown-menu{opacity:0;transform:translateY(-10px);animation:fadeInDropdown .25s ease forwards;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);padding:6px 0}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-fadeout{animation:fadeOutDropdown .3s ease forwards}@keyframes fadeOutDropdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dark .dropdown-menu{border-color:hsla(0,0%,100%,.05);box-shadow:0 4px 15px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease forwards}@media (prefers-reduced-motion){.nav-item{transition-duration:0s!important;animation-duration:0s!important}}.nav-menu-enter{opacity:0;transform:translateX(100%)}.nav-menu-enter-active{transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}.nav-menu-enter-active,.nav-menu-exit{opacity:1;transform:translateX(0)}.nav-menu-exit-active{opacity:0;transform:translateX(100%);transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1)}.mobile-menu-overlay-enter{opacity:0}.mobile-menu-overlay-enter-active{opacity:1;transition:opacity .3s ease-in-out}.mobile-menu-overlay-exit{opacity:1}.mobile-menu-overlay-exit-active{opacity:0;transition:opacity .25s ease-in-out}.mobile-menu-panel{will-change:transform,opacity;transform-origin:top right;transform:translateX(100%);opacity:0;transition:transform .45s cubic-bezier(.21,.88,.35,1.1),opacity .4s ease,box-shadow .45s ease;backface-visibility:hidden}.menu-panel-closed{transform:translateX(100%);opacity:0;box-shadow:0 4px 20px transparent;pointer-events:none}.menu-panel-open{transform:translateX(0);opacity:1;box-shadow:-5px 0 25px rgba(0,0,0,.1);pointer-events:auto}.nav-item-3d{transition:transform .2s,box-shadow .2s;position:relative;z-index:1}.nav-item-3d:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2;background-color:rgba(72,148,162,.1)}.mobile-menu-item{transition:transform .2s,box-shadow .2s,background-color .2s;will-change:transform,box-shadow,background-color;transform:translateZ(0);backface-visibility:hidden}.nav-item-staggered{opacity:0;transform:translateX(30px);transition:opacity .4s ease,transform .4s cubic-bezier(.21,1.11,.4,1.05);will-change:transform,opacity;visibility:hidden}.menu-open .nav-item-staggered{opacity:1;transform:translateX(0);visibility:visible}.menu-panel-closed .nav-item-staggered{opacity:0;transform:translateX(20px);transition:opacity .2s ease,transform .25s ease-in;transition-delay:0s!important;visibility:hidden}.nav-item-staggered:first-child{transition-delay:.15s}.nav-item-staggered:nth-child(2){transition-delay:.2s}.nav-item-staggered:nth-child(3){transition-delay:.25s}.nav-item-staggered:nth-child(4){transition-delay:.3s}.nav-item-staggered:nth-child(5){transition-delay:.35s}.nav-item-staggered:nth-child(6){transition-delay:.4s}.nav-item-staggered:nth-child(7){transition-delay:.45s}.nav-item-staggered:nth-child(8){transition-delay:.5s}.mobile-menu-item:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:rgba(72,148,162,.1)}.mobile-menu-item:active{transform:translateY(-2px) translateZ(0);box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .1s,box-shadow .1s}