.navbar{position:fixed;top:clamp(1rem,2vw,2rem);left:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem);z-index:1000;animation:fadeInDown .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.navbar-container{max-width:1400px;margin:0 auto;pointer-events:auto}.navbar-content{background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:clamp(1rem,2vw,1.5rem);box-shadow:0 8px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.3);display:flex;align-items:center;justify-content:space-between;padding:clamp(.75rem,1.5vw,1rem) clamp(1.5rem,3vw,2.5rem);position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar.scrolled .navbar-content{background:rgba(255,255,255,.15);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 12px 40px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.4)}.navbar-brand{justify-content:flex-start}.navbar-brand,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;border-radius:50%}.navbar-logo,.navbar-logo-image{transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar-logo-image{width:clamp(50px,8vw,60px);height:clamp(50px,8vw,60px);filter:drop-shadow(0 0 0 rgba(0,0,0,0));display:block}.navbar.scrolled .navbar-logo-image{width:clamp(45px,7vw,50px);height:clamp(45px,7vw,50px)}.navbar-title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;color:var(--text-dark);letter-spacing:.02em;margin:0;white-space:nowrap;opacity:0;animation:fadeIn .6s cubic-bezier(.16,1,.3,1) .3s both;position:absolute;left:50%;transform:translateX(-50%)}.navbar-links{display:flex;gap:clamp(1.5rem,3vw,2.5rem);align-items:center;justify-content:flex-end}.navbar-link{font-size:clamp(.9rem,1.5vw,1rem);font-weight:400;color:var(--text-dark);text-decoration:none;letter-spacing:.03em;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:.85;animation:fadeIn .6s cubic-bezier(.16,1,.3,1) both}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--text-dark);transition:width .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (pointer:fine){.navbar-logo:hover .navbar-logo-image{transform:scale(1.08) rotate(5deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.navbar-link:hover{opacity:1;transform:translateY(-1px)}.navbar-link:hover:after{width:100%}}@media (hover:none) and (pointer:coarse){.navbar-logo:active .navbar-logo-image{transform:scale(.95)}.navbar-link:active{opacity:1;transform:scale(.98)}}@media (max-width:768px){.navbar{left:clamp(.75rem,2vw,1rem);right:clamp(.75rem,2vw,1rem);top:clamp(.75rem,2vw,1rem)}.navbar-content{padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem)}.navbar-links{gap:clamp(1rem,2vw,1.5rem)}.navbar-link{font-size:clamp(.85rem,1.5vw,.95rem)}}@media (max-width:640px){.navbar-content{padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem)}.navbar-links{gap:clamp(1rem,2vw,1.5rem)}.navbar-link{font-size:clamp(.8rem,1.5vw,.9rem)}.navbar-title{font-size:clamp(1rem,2vw,1.25rem)}.navbar-logo-image{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.navbar-content{background:rgba(255,255,255,.12)}.navbar.scrolled .navbar-content{background:rgba(255,255,255,.18)}}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.navbar-content{background:rgba(255,255,255,.85)}.navbar.scrolled .navbar-content{background:rgba(255,255,255,.92)}}