.appnav{position:fixed;top:0;width:100%;z-index:50;transition:background .3s ease,color .3s ease;background:transparent;color:#ffffff}.appnav.scrolled{background-color:#000;color:white}.inner{max-width:90%;margin:0 auto;height:64px;display:grid;grid-template-columns:200px 1fr 200px;padding:0}.inner,.logo{align-items:center}.logo{text-decoration:none}.logo,.menu{display:flex}.menu{justify-content:center;gap:28px;list-style:none;margin:0;padding:0}.menu-link{text-decoration:none;color:inherit;font-size:1.3rem;padding:10px 8px;border-radius:10px;transition:color .3s ease,background .3s ease}.menu-item:hover .menu-link{background:rgba(0,0,0,.06)}.appnav.scrolled .menu-item:hover .menu-link{background:rgba(255,255,255,.12)}.right{display:flex;justify-content:right;font-size:1rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span{width:100%;height:3px;background:currentColor;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:0;right:0;width:100%;max-width:400px;height:100vh;background:rgba(18,18,18,.98);backdrop-filter:blur(10px);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-logo{display:flex;align-items:center;text-decoration:none}.mobile-menu-close{background:none;border:none;color:white;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.mobile-menu-close:hover{background:rgba(255,255,255,.1)}.mobile-menu-list{list-style:none;margin:0;padding:20px 0}.mobile-menu-item{border-bottom:1px solid rgba(255,255,255,.05)}.mobile-menu-link{display:block;padding:20px;color:white;text-decoration:none;font-size:1.2rem;font-weight:500;transition:all .3s ease}.mobile-menu-link:hover{background:rgba(255,255,255,.1);padding-left:30px}.dropdown{position:absolute;left:50%;transform:translateX(-50%);top:48px;min-width:200px;background:rgba(18,18,18,.9);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.dropdown-list{list-style:none;margin:0;padding:10px 8px}.placeholder{font-size:.9rem;padding:8px 10px;color:#aaa}.appnav.scrolled .login-btn:hover{color:black;background:white}@media (max-width:840px){.inner{grid-template-columns:1fr auto;max-width:95%}.desktop-menu{display:none}.hamburger{display:flex}.logo{justify-self:start}.right{justify-self:end}}@media (max-width:480px){.inner{padding:0 20px}.inner,.mobile-menu{max-width:100%}}