.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px rgba(0,0,0,.04)}.navbar-left{align-items:center;gap:1.5rem;display:flex}.navbar-left .logo-wrapper,.navbar-left .logo-wrapper a{align-items:center;display:flex}.navbar-left .logo-wrapper img{width:auto;height:auto}.navbar-left .nav-links{gap:1.2rem;display:flex}.navbar-left .nav-links a{color:#333;border-bottom:2px solid transparent;padding:.3rem 0;font-size:.95rem;text-decoration:none;transition:border-color .2s}.navbar-left .nav-links a:hover{border-bottom-color:#333}.navbar-left .nav-links a.active{border-bottom-color:#333;font-weight:500}.navbar-right{align-items:center;gap:1.2rem;display:flex}.navbar-right .dropdown{position:relative}.navbar-right .dropdown .dropdown-trigger{color:#333;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.9rem;display:flex}.navbar-right .dropdown .dropdown-trigger:hover{background:rgba(0,0,0,.04)}.navbar-right .dropdown .dropdown-trigger .arrow{margin-left:.2rem;font-size:.6rem}.navbar-right .dropdown .dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;min-width:120px;padding:.3rem 0;transition:all .15s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.navbar-right .dropdown .dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar-right .dropdown .dropdown-menu button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-size:.9rem}.navbar-right .dropdown .dropdown-menu button:hover{background:rgba(0,0,0,.05)}.navbar-right .dropdown .dropdown-menu button.active{background:rgba(0,0,0,.08);font-weight:500}.navbar-right .login-btn{color:#333;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:.3rem 1.2rem;font-size:.9rem;transition:all .2s}.navbar-right .login-btn:hover{color:#fff;background:#333}.navbar-right .login-btn a{color:inherit;text-decoration:none}@media (width<=768px){.navbar{padding:0 1rem}.navbar-left .nav-links{display:none}.navbar-right{gap:.8rem}.navbar-right .dropdown .dropdown-trigger{padding:.2rem .5rem;font-size:.8rem}.navbar-right .login-btn{padding:.2rem .8rem;font-size:.8rem}}body.dark-theme .navbar{color:#f0f0f0;background-color:#2d2d2d;border-color:#3a3a3a}body.dark-theme .navbar .logo,body.dark-theme .navbar .nav-links a,body.dark-theme .navbar .dropdown-trigger,body.dark-theme .navbar .login-btn{color:#f0f0f0}body.dark-theme .navbar .dropdown-menu{background:#2d2d2d;border-color:#3a3a3a}body.dark-theme .navbar .dropdown-menu button{color:#f0f0f0}body.dark-theme .navbar .dropdown-menu button:hover{background:rgba(255,255,255,.05)}body.dark-theme .navbar .dropdown-menu button.active{background:rgba(255,255,255,.1)}body.dark-theme .navbar .login-btn{border-color:#f0f0f0}body.dark-theme .navbar .login-btn:hover{color:#1e1e1e;background:#f0f0f0}body{text-align:center;font-family:sans-serif}