.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--bg-primary);z-index:1000;transition:all var(--transition-normal)}.header.scrolled{box-shadow:var(--shadow-sm);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo{text-decoration:none;font-size:1.75rem;font-weight:800;color:var(--primary-color);display:flex;align-items:center;height:40px}.logo-image{height:40px;width:auto;display:block}.nav-menu{display:flex;align-items:center;gap:var(--spacing-md);list-style:none}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color var(--transition-fast);cursor:pointer}.nav-link:hover{color:var(--primary-color)}.btn-sm{padding:.625rem 1.5rem;font-size:.9rem}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle span{width:25px;height:3px;background-color:var(--text-primary);transition:all var(--transition-fast);border-radius:2px}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.menu-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--bg-primary);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-normal);max-height:calc(100vh - var(--header-height));overflow-y:auto}.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:all}.nav-item{width:100%;text-align:center;padding:var(--spacing-xs) 0}.btn-sm{width:100%;margin-top:var(--spacing-sm)}}@media(max-width:480px){.logo-image{height:35px}.menu-toggle{padding:6px}.menu-toggle span{width:22px;height:2.5px}.nav-menu{padding:var(--spacing-sm)}.nav-item{padding:var(--spacing-xs) 0}.nav-link{font-size:.95rem}.btn-sm{padding:.65rem 1.25rem;font-size:.85rem}}