.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;opacity:1;background:linear-gradient(93.05deg,#ffffffe6 38.13%,#ffc8a0cc 179.63%);border-radius:20px;width:1280px;max-width:calc(100% - 160px);position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000000d}@media (max-width:640px){.navbar{width:calc(100% - 2rem);max-width:100%;top:1rem;left:50%}}.nav-container{justify-content:space-between;align-items:center;max-width:100%;height:75px;margin:0 auto;padding:0 3rem;display:flex}@media (max-width:640px){.nav-container{height:60px;padding:0 1rem}}.nav-logo{color:#1a1a1a;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.nav-logo:hover{color:#ff7d1a}.nav-logo .logo-icon{color:#fff;background:linear-gradient(135deg,#f5a623 0%,#d97e2a 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex}@media (max-width:640px){.nav-logo .logo-icon{width:35px;height:35px;font-size:1rem}}.nav-menu{align-items:center;gap:2rem;display:flex}@media (max-width:768px){.nav-menu{background:#fff;flex-direction:column;gap:0;width:100%;max-height:0;padding:1.5rem;transition:max-height .3s;position:absolute;top:70px;left:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.nav-menu.active{max-height:300px}}.nav-link{color:#666;padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:#f5a623}@media (max-width:768px){.nav-link{border-bottom:1px solid #f0f0f0;width:100%;padding:1rem 0}.nav-link:last-child{border-bottom:none}}.nav-user{align-items:center;gap:1rem;display:flex}.nav-user .help-center{color:#666;cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .3s;display:flex}.nav-user .help-center:hover{color:#1a1a1a;background:#0000000d}.nav-user .help-center:before{content:"❓";font-size:1rem}.nav-user .user-avatar-wrapper{background:#e5e7eb;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 16px #0f172a1f}.nav-user .user-avatar-icon{color:#6b7280}.user-profile{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.375rem;transition:all .3s;display:flex}.user-profile:hover{background:#0000000d}.user-profile .avatar{font-size:1.5rem}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}@media (max-width:768px){.hamburger{display:flex}}.hamburger span{background:#1a1a1a;border-radius:2px;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(10px,10px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (max-width:640px){.navbar{width:calc(100% - 2rem);max-width:100%;top:1rem;left:50%}.nav-container{height:60px;padding:0 1rem}.nav-logo{font-size:1.25rem}.nav-logo .logo-icon{width:35px;height:35px;font-size:1rem}}