.navigation{background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.9)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--color-text)}.nav-logo:hover{color:var(--color-primary)}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-links a{color:var(--color-text);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;transition:all .2s ease}.nav-links a:hover{color:var(--color-primary);background-color:var(--color-background-alt)}@media (max-width:768px){.nav-links{gap:var(--spacing-xs)}.nav-links a{font-size:.9rem;padding:var(--spacing-xs)}}.footer{background-color:var(--color-background-alt);border-top:1px solid var(--color-border);padding:var(--spacing-md) 0;margin-top:var(--spacing-xl)}.footer-content{text-align:center;color:var(--color-text-light)}