.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(5,5,5,.9);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(255,255,255,.08);height:52px}.navbar.scrolled{background:rgba(5,5,5,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);height:52px}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;justify-content:space-between}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-image{border-radius:8px;filter:drop-shadow(0 0 8px rgba(59,130,246,.3));transition:all .3s ease}.desktop-nav,.nav-center{display:flex;align-items:center;gap:2rem}.nav-link{color:rgba(255,255,255,.85);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:hover{color:white;background:rgba(255,255,255,.08);transform:translateY(-1px)}.nav-link:active{transform:translateY(0)}.auth-section{gap:1rem}.auth-section,.user-menu{display:flex;align-items:center}.user-menu{gap:.75rem;padding:.5rem 1rem}.user-avatar{border-radius:50%;border:2px solid rgba(59,130,246,.5)}.user-name{color:white;font-size:.9rem;font-weight:500}.sign-out-button{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.sign-out-button:hover{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.5)}.auth-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:white;padding:.6rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(59,130,246,.3)}.auth-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.auth-button:active{transform:translateY(0)}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.mobile-menu-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.hamburger{display:flex;flex-direction:column;gap:3px}.hamburger span{width:18px;height:2px;background:white;border-radius:1px;transition:all .3s ease}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{background:rgba(5,5,5,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.mobile-menu-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,.85);text-decoration:none;padding:1rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:all .3s ease;font-weight:500}.mobile-nav-link:hover{color:white;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:translateX(4px)}.mobile-nav-icon{font-size:1.2rem;width:24px;display:flex;justify-content:center}.mobile-auth-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:12px;margin-bottom:1rem}.mobile-user-avatar{border-radius:50%;border:2px solid rgba(59,130,246,.5)}.mobile-auth-button{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:white;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mobile-auth-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}@media (max-width:768px){.auth-section,.desktop-nav{display:none}.mobile-menu-button{display:flex}.navbar-container{padding:0 16px}}@media (max-width:480px){.navbar-container{padding:0 12px}.logo-image{width:32px;height:32px}}