.mobile-navigation{position:absolute;top:100%;right:0;width:280px;max-height:0;overflow:hidden;background:var(--color-background);border:1px solid var(--color-primary-alpha-20);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:0 4px 6px rgba(0,0,0,.1);transition:max-height var(--transition-base),padding var(--transition-base);padding:0;z-index:1000}.mobile-navigation.open{max-height:500px;padding:var(--spacing-md) 0}.mobile-navigation ul{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0;width:100%}.mobile-navigation li{margin:0}.mobile-navigation a{display:block;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-base),color var(--transition-base);width:100%}.mobile-navigation a:hover{background:var(--color-secondary);color:var(--color-accent);opacity:1}@media (min-width:600px){.mobile-navigation{display:none}}.desktop-navigation{display:none;background:var(--color-background);border-bottom:1px solid var(--color-primary-alpha-20);padding:var(--spacing-md) 0}.desktop-navigation .container{display:flex;align-items:center;justify-content:center}.desktop-navigation ul{display:flex;flex-direction:row;gap:var(--spacing-xl);list-style:none;margin:0;padding:0;justify-content:center;width:auto}.desktop-navigation li{margin:0}.desktop-navigation a{display:block;padding:var(--spacing-xs) var(--spacing-md);text-align:center;transition:background-color var(--transition-base),color var(--transition-base)}.desktop-navigation a:hover{background:var(--color-secondary);color:var(--color-accent);border-radius:var(--border-radius-md);opacity:1}@media (min-width:600px){.desktop-navigation{display:block}}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;padding:var(--spacing-xs);background:transparent;border:none;gap:5px;z-index:1001}.hamburger-line{width:24px;height:2px;background:var(--color-primary);transition:all var(--transition-base);border-radius:2px}.hamburger-line.active:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-line.active:nth-child(2){opacity:0}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (min-width:600px){.hamburger-menu{display:none}}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999}@media (min-width:600px){.menu-overlay{display:none}}