.nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    height: var(--nav-height); display: flex; align-items: center;
    background: rgba(255,255,255,0.85); backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--color-border);
    transition: all 0.3s;
}
.nav.scrolled { background: rgba(255,255,255,0.95); box-shadow: var(--shadow-sm); }
.nav-container {
    max-width: var(--container); margin: 0 auto; padding: 0 24px;
    display: flex; align-items: center; justify-content: space-between; width: 100%;
}
.nav-logo { display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 700; font-size: 1.4rem; color: var(--color-text-bright); }
.logo-icon { font-size: 1.6rem; }
.nav-links { display: flex; gap: 32px; }
.nav-links a { color: var(--color-text-muted); font-size: 0.9rem; font-weight: 500; }
.nav-links a:hover { color: var(--color-text-bright); }
.nav-actions { display: flex; gap: 12px; align-items: center; }
.nav-toggle { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 4px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--color-text); transition: 0.3s; }
@media(max-width:768px) {
    .nav-links, .nav-actions { display: none; }
    .nav-toggle { display: flex; }
    .nav-links.active {
        display: flex; flex-direction: column; position: absolute;
        top: var(--nav-height); left: 0; right: 0;
        background: var(--color-bg-alt); padding: 24px; gap: 16px;
        border-bottom: 1px solid var(--color-border);
    }
    .nav-actions.active { display: flex; position: absolute; top: calc(var(--nav-height) + 200px); left: 0; right: 0; padding: 0 24px 24px; background: var(--color-bg-alt); }
}