header[role="banner"]{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(26,32,44,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(74,85,104,0.3);transition:all var(--transition-speed)}header.scrolled{background-color:rgba(26,32,44,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px rgba(0,0,0,0.3)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;padding:0.5rem;border-radius:var(--radius-base);transition:all var(--transition-normal)}.mobile-menu-toggle:hover{background-color:var(--color-background-secondary);color:var(--color-primary-500)}.mobile-menu-toggle:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px}.hamburger span{display:block;width:100%;height:2px;background-color:currentColor;transition:all var(--transition-normal);margin:3px 0;transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-list{display:flex;align-items:center;transition:all var(--transition-normal)}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-list{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--color-background-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--space-6) var(--space-4);gap:var(--space-4);transform:translateX(-100%);opacity:0;visibility:hidden;overflow-y:auto;box-shadow:var(--shadow-lg)}.nav-list.active{transform:translateX(0);opacity:1;visibility:visible}.nav-item{width:100%;border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.nav-item:last-child{border-bottom:none;margin-bottom:0}.nav-link{display:block;width:100%;padding:var(--space-4) var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:left;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.nav-link:hover{background-color:var(--color-background-secondary);color:var(--color-primary-500);transform:translateX(8px)}.nav-link.active{background-color:var(--color-primary-50);color:var(--color-primary-600);border-left:4px solid var(--color-primary-500)}.cta-button{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);width:100%;justify-content:center;font-size:var(--font-size-lg)}}@media (max-width:480px){header[role="banner"]{padding:0 var(--space-3)}.nav-list{padding:var(--space-4) var(--space-3)}.nav-link{padding:var(--space-3) var(--space-2);font-size:var(--font-size-base)}.hamburger{width:20px;height:20px}.hamburger span{height:1.5px;margin:2.5px 0}}@media (max-width:768px){.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-overlay.active{opacity:1;visibility:visible}}@media (max-width:768px){.nav-link,.mobile-menu-toggle{min-height:44px;display:flex;align-items:center}}@media (max-width:480px){.logo{font-size:var(--font-size-lg);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){:root{--header-height:3.5rem}}@media (max-width:480px){:root{--header-height:3rem}}ES --- */ header[role=\"banner\"]{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color var(--transition-speed),box-shadow var(--transition-speed)}header.scrolled .nav{background-color:rgba(45,55,72,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);height:calc(var(--header-height) - 0.5rem)}