.header{position:fixed;top:0;width:100%;z-index:var(--z-header);background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{margin:0 auto;padding:0 1.75rem;height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.brand img{height:28px;width:28px;border-radius:8px;object-fit:contain}.brand-name{font-family:Lora,Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--text)}.nav{display:none;gap:4px;align-items:center;margin-left:auto}.nav a{font-size:.9rem;font-weight:400;color:var(--text);padding:.4rem .8rem;border-radius:8px;transition:background .2s ease,opacity .2s ease;opacity:.7;white-space:nowrap}.nav a:hover{background:var(--nav-hover);opacity:1}.nav a.active{background:var(--nav-hover);opacity:1;font-weight:500}.header-controls{display:flex;align-items:center;flex-shrink:0}.burger-btn{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s ease}.burger-btn span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease;transform-origin:center}.burger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}