.site-header{background:var(--header-bg,rgba(255,255,255,0.85));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--header-border,var(--color-border-light));height:auto;min-height:var(--header-height,70px);position:relative;z-index:var(--z-sticky,1020);}.header-container{display:flex;align-items:center;gap:var(--space-4);height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad);}.site-branding{flex-shrink:0;}.site-branding__link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--header-text,var(--color-text));}.site-branding__link:hover{color:var(--color-text);}.site-branding__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),hsl(217,91%,45%));border-radius:var(--radius-md);color:var(--color-text-inverted);}.site-branding__text{display:flex;flex-direction:column;}.site-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-0.01em;margin:0;}.site-description{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1;display:none;}@media (min-width:768px){.site-description{display:block;}}.site-logo img{max-width:var(--logo-width,150px);max-height:calc(var(--header-height,70px) - 20px);width:auto;height:auto;}.main-navigation{position:fixed;top:var(--header-height,70px);left:0;right:0;bottom:0;z-index:var(--z-modal);background:var(--color-surface);padding:var(--space-6);overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-slow);display:none;}.main-navigation.is-open{display:block;transform:translateX(0);}.nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);list-style:none;margin:0;padding:0;}.nav-menu li{position:relative;}.nav-menu > li > a{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--header-link,var(--color-text-secondary));border-radius:var(--radius-md);transition:all var(--transition-fast);}.nav-menu > li > a:hover,.nav-menu > li.current-menu-item > a,.nav-menu > li.current-menu-ancestor > a{color:var(--header-hover,var(--color-text));background:var(--color-surface-hover);}.nav-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding-left:var(--space-6);min-width:0;background:transparent;list-style:none;}.nav-menu .sub-menu a{display:block;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);}.nav-menu .sub-menu a:hover{color:var(--color-text);background:var(--color-surface-hover);}@media (min-width:1024px){.main-navigation{position:static;display:flex;flex:1;justify-content:center;padding:0;background:transparent;overflow-y:visible;transform:none;transition:none;}.nav-menu{flex-direction:row;align-items:center;gap:var(--space-1);}.nav-menu > li > a{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);white-space:nowrap;}.nav-menu .sub-menu{position:absolute;top:100%;left:0;z-index:var(--z-dropdown);min-width:200px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-base);}.nav-menu li:hover > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}.nav-menu .sub-menu .sub-menu{top:0;left:100%;margin-left:var(--space-1);}}.header-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;}.search-wrapper{position:relative;display:none;}@media (min-width:640px){.search-wrapper{display:block;}}.search-input-group{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0 var(--space-4);transition:all var(--transition-fast);width:220px;}.search-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.12);width:280px;background:var(--color-surface);}.search-icon{flex-shrink:0;color:var(--color-text-muted);}.search-input{flex:1;border:none;background:transparent;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);outline:none;min-width:0;}.search-input::placeholder{color:var(--color-text-muted);}.search-results-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;min-width:360px;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);display:none;}.search-results-dropdown.active{display:block;animation:slideDown var(--transition-base) forwards;}@keyframes slideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.search-results-dropdown .app-card{border:none;border-radius:0;border-bottom:1px solid var(--color-border-light);}.search-results-dropdown .app-card:last-child{border-bottom:none;}.search-results-dropdown .app-card:hover{transform:none;box-shadow:none;background:var(--color-surface-hover);}.search-results-dropdown .app-card__link{flex-direction:row;gap:var(--space-3);padding:var(--space-3) var(--space-4);}.search-results-dropdown .app-card__icon{width:40px;height:40px;margin-bottom:0;border-radius:var(--radius-md);}.search-results-dropdown .app-card__info{text-align:left;}.dark-mode-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);}.dark-mode-btn:hover{background:var(--color-surface-hover);color:var(--color-text);}.dark-mode-btn .icon-moon{display:none;}body.dark-mode .dark-mode-btn .icon-sun{display:none;}body.dark-mode .dark-mode-btn .icon-moon{display:block;}.mobile-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:36px;height:36px;border-radius:var(--radius-md);transition:background var(--transition-fast);}@media (min-width:1024px){.mobile-menu-btn{display:none;}}.mobile-menu-btn:hover{background:var(--color-surface-hover);}.hamburger-line{display:block;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:all var(--transition-base);}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg);}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0);}.mobile-menu-btn[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.header-social-links{display:inline-flex;align-items:center;gap:var(--space-3);margin-right:var(--space-2);}.header-social-link{display:inline-flex;align-items:center;justify-content:center;color:var(--header-link,var(--color-text-secondary));transition:color var(--transition-fast),transform var(--transition-fast);}.header-social-link:hover{color:var(--header-hover,var(--color-primary));transform:translateY(-1px);}.header-social-link svg{width:18px;height:18px;display:block;}.header-cta-button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-right:var(--space-2);}.site-header-wrapper.has-sticky-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md);transition:transform var(--transition-base);}body.has-sticky-header-active #page{padding-top:var(--header-height,70px);}.dropdown-toggle{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit;}@media (min-width:1024px){.main-navigation .dropdown-toggle,.secondary-navigation .dropdown-toggle{display:none !important;}.nav-menu .menu-item-has-children > a::after,.nav-menu .page_item_has_children > a::after{content:"\25BC";font-size:8px;margin-left:6px;display:inline-block;opacity:0.7;}}