.header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 20px;box-sizing:border-box;position:relative;z-index:50}.header-logo{color:#000;font-family:Fustat,sans-serif;font-weight:70;font-size:28px;line-height:1;text-decoration:none;flex-shrink:0}.desktop-nav{display:flex;gap:16px;align-items:center}.nav-btn{color:#000;font-family:Fustat,sans-serif;font-weight:600;font-size:18px;text-decoration:none;display:inline-block;padding:10px 14px;border-radius:10px;outline:1px solid rgba(0,0,0,.15);transition:background .2s ease,opacity .2s ease,transform .06s ease}.nav-btn:hover{background:rgba(0,0,0,.04)}.nav-btn:active{transform:translateY(1px)}.hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;position:relative}.hamburger-bar{position:absolute;width:22px;height:2.5px;background:#000;border-radius:2px;left:50%;transform:translateX(-50%);transition:transform .2s ease,opacity .2s ease}.hamburger-bar:first-child{top:14px}.hamburger-bar:nth-child(2){top:21px}.hamburger-bar:nth-child(3){top:28px}.hamburger.open .hamburger-bar:first-child{transform:translateX(-50%) translateY(7px) rotate(45deg)}.hamburger.open .hamburger-bar:nth-child(2){opacity:0}.hamburger.open .hamburger-bar:nth-child(3){transform:translateX(-50%) translateY(-7px) rotate(-45deg)}.mobile-panel{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:360px;transform:translateX(100%);background:#e0efff;box-shadow:-8px 0 24px rgba(0,0,0,.1);transition:transform .25s ease;padding:24px 20px calc(24px + env(safe-area-inset-bottom));z-index:60}.mobile-panel.open{transform:translateX(0)}.mobile-nav{display:flex;flex-direction:column;gap:12px;margin-top:8px}.mobile-btn{display:block;width:100%;text-align:center;color:#000;font-family:Fustat,sans-serif;font-weight:600;font-size:18px;text-decoration:none;padding:12px 14px;border-radius:12px;outline:1px solid rgba(0,0,0,.15);background:#fff;transition:background .2s ease,transform .06s ease}.mobile-btn:hover{background:#f6f6f6}.mobile-btn:active{transform:translateY(1px)}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:55}.header-logo .brand-mark{width:1em;height:1em;display:inline-block;vertical-align:middle;margin-right:8px;transform:translateY(-2px)}.header-logo .header-logo-text{display:inline-block;line-height:1;vertical-align:middle}@media (max-width:900px){.desktop-nav{display:none}.hamburger{display:inline-flex}.header-logo{font-size:24px}}@media (min-width:901px){.backdrop,.mobile-panel{display:none}}