.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:box-shadow var(--transition),border-color var(--transition),background var(--transition)}.site-header.scrolled{border-color:var(--border);box-shadow:var(--shadow-sm)}html.nav-open,html.nav-open body{overflow:hidden}.header-inner{display:flex;align-items:center;gap:20px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{height:46px;width:auto}.brand-name{font-size:1.5rem;font-weight:800;letter-spacing:-.015em;line-height:1;color:var(--primary-dark);background:var(--primary-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-name span{color:var(--primary)}.main-nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:var(--r-sm);font-size:.94rem;font-weight:500;color:var(--text);position:relative}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);font-weight:600}.nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--primary)}.dd-toggle{font-family:inherit}.chev{width:15px;height:15px;transition:transform var(--transition)}.has-dropdown{position:relative}.dd-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition);max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto;overscroll-behavior:contain}.has-dropdown.open .dd-menu{opacity:1;visibility:visible;transform:none}.has-dropdown.open .chev{transform:rotate(180deg)}@media (hover:hover) and (min-width:861px){.has-dropdown:hover .dd-menu{opacity:1;visibility:visible;transform:none}.has-dropdown:hover .chev{transform:rotate(180deg)}}@media (hover:hover) and (min-width:861px){.has-dropdown::before{content:"";position:absolute;top:100%;left:0;right:0;height:calc(var(--header-h)/ 2);display:none}.has-dropdown::after{content:"";position:fixed;top:calc(var(--header-h) - 15px);left:0;right:0;height:25px;display:none}.has-dropdown:hover::after,.has-dropdown:hover::before{display:block}}.dd-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;color:var(--text)}.dd-menu a:hover{background:var(--tint-purple);color:var(--primary)}.dd-menu .dd-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:7px}.dd-menu .dd-icon img{width:15px;height:15px;display:block}.dd-menu.dd-wide{min-width:470px;display:grid;grid-template-columns:1fr 1fr;column-gap:4px}@media (min-width:861px){.dd-menu.dd-wide{position:fixed;top:calc(var(--header-h) + 8px);left:50%;transform:translate(-50%,8px)}.has-dropdown.open .dd-menu.dd-wide{transform:translate(-50%,0)}}@media (hover:hover) and (min-width:861px){.has-dropdown:hover .dd-menu.dd-wide{transform:translate(-50%,0)}}@media (min-width:861px){.dd-menu.dd-mega{min-width:660px;grid-template-columns:repeat(3,1fr)}.dd-menu.dd-mega a{padding:8px 10px}.dd-menu.dd-mega .dd-icon{width:24px;height:24px}}@media (min-width:1180px){.dd-menu.dd-mega{min-width:900px;grid-template-columns:repeat(4,1fr)}}.header-actions{display:flex;align-items:center;gap:12px}.header-search{display:flex;align-items:center;gap:8px;width:240px;padding:9px 14px;border-radius:var(--r-pill);background:var(--bg-soft);border:1px solid var(--border);color:var(--muted)}.header-search .micon{width:17px;height:17px;flex-shrink:0}.header-search input{border:none;background:0 0;outline:0;width:100%;font-family:inherit;font-size:.88rem;color:var(--heading)}.header-search input::placeholder{color:var(--muted)}.nav-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:background var(--transition),transform var(--transition)}.theme-toggle{background:var(--bg-soft);border:1px solid var(--border);color:var(--heading)}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle .micon{width:20px;height:20px}.icon-moon{display:none}[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:inline-block}.nav-toggle{background:var(--bg-soft);border:1px solid var(--border);color:var(--heading);display:none}.nav-toggle .micon{width:22px;height:22px}.nav-close{display:none}.nav-overlay{display:none}@media (max-width:992px){.header-search{width:180px}}@media (max-width:860px){.header-search{display:none}.nav-toggle{display:inline-flex}.header-actions{margin-left:auto}.site-header{z-index:130}.main-nav{display:block;position:fixed;top:0;right:0;height:100dvh;width:min(320px,84vw);background:var(--card);box-shadow:var(--shadow-lg);padding:76px 20px 24px;transform:translateX(105%);transition:transform .3s ease;z-index:120;margin:0;overflow-y:auto;overscroll-behavior:contain}.main-nav.open{transform:none}.nav-list{flex-direction:column;align-items:stretch;gap:4px}.dd-menu.dd-mega,.dd-menu.dd-wide{grid-template-columns:1fr;min-width:0}.nav-link{padding:12px 14px;font-size:1rem}.nav-link.active::after{display:none}.nav-close{display:inline-flex;position:absolute;top:18px;right:18px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-soft);color:var(--heading)}.nav-close .micon{width:20px;height:20px}.dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--bg-soft);max-height:0;padding:0 8px;overflow:hidden;transition:max-height var(--transition),padding var(--transition)}.has-dropdown.open .dd-menu{max-height:320px;padding:8px;overflow-y:auto}.dd-menu.dd-wide{min-width:0}.has-dropdown.open .dd-menu.dd-wide{max-height:520px}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(15,12,30,.5);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:110}.nav-overlay.show{opacity:1;visibility:visible}}@media (max-width:420px){.brand-name{font-size:1.15rem}.header-actions{gap:8px}}