.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:14px 0;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition)}
.navbar.scrolled{background:rgba(255,255,255,.95);box-shadow:0 1px 12px rgba(0,0,0,.06);padding:10px 0}
.navbar-brand{display:flex;align-items:center;text-decoration:none}
.navbar-logo{height:36px;width:auto}
.navbar-logo-light{display:none}
.navbar-logo-dark{display:block}

.nav-menu{display:none;gap:2px}
.nav-link{display:block;padding:8px 14px;color:var(--text-2);font-weight:500;font-size:.88rem;border-radius:var(--radius-sm);transition:all .15s;position:relative}
.nav-link:hover,.nav-link.active{color:var(--accent);background:var(--glow)}
.nav-link::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--accent);transition:all var(--transition);transform:translateX(-50%);border-radius:1px}
.nav-link:hover::after,.nav-link.active::after{width:16px}
.nav-cta{display:none}

.hamburger{display:flex;flex-direction:column;gap:5px;padding:10px}
.hamburger span{display:block;width:22px;height:2px;background:var(--text-1);border-radius:2px;transition:all var(--transition)}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999}
.nav-overlay.open{display:block}

@media(max-width:1024px){
    .nav-menu{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff;padding:80px 24px 24px;transition:right var(--transition);box-shadow:-10px 0 30px rgba(0,0,0,.06);z-index:2000}
    .nav-menu.open{right:0}
    .nav-link{font-size:1.05rem;padding:14px 16px;border-bottom:1px solid var(--border)}
    .nav-link::after{display:none}
}
@media(min-width:1024px){.nav-menu{display:flex;align-items:center}.nav-cta{display:inline-flex}.hamburger{display:none}}
@media(max-width:480px){.navbar-logo{height:28px}}