.navbar{background:var(--accent);height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:80}
.navbar .container{display:flex;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.navbar .brand{font-size:1.1rem;font-weight:700;color:#fff;text-decoration:none;flex-shrink:0;margin-right:auto}
.navbar .nav-right{display:flex;align-items:center;gap:4px;flex-shrink:0}
.navbar .nav-right a{padding:6px 12px;color:rgba(255,255,255,.85);text-decoration:none;font-size:.85rem;border-radius:4px;transition:.12s}
.navbar .nav-right a:hover{background:rgba(255,255,255,.15);color:#fff}
.navbar .nav-right a.on{color:#fff;font-weight:600}
.navbar .btn-login{background:#fff;color:var(--accent)!important;font-weight:600!important;border-radius:4px!important}
.toggle{display:none;cursor:pointer;font-size:1.4rem;color:var(--text);background:none;border:none;padding:0 8px}
.mob-nav{display:none!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:90}
.mob-nav.open{display:block!important}
.mob-nav-inner{background:#fff;padding:20px 0 0;overflow-y:auto;max-width:280px;height:100%;box-shadow:2px 0 12px rgba(0,0,0,.1);animation:snIn .2s ease;position:relative;z-index:91}
.mob-nav a{display:block;padding:12px 24px;color:var(--text);text-decoration:none;font-size:.9rem;border-bottom:1px solid #f0f0f0}
.mob-nav a:hover{background:#f8f8f8}
@keyframes snIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:768px){.toggle{display:block}.nav-desktop{display:none!important}}
@media(min-width:769px){.mob-nav{display:none!important}.toggle{display:none}}