:root{--bg:#f5f5f7;--card:rgba(255,255,255,0.86);--muted:#6b6b6f;--text:#111217;--accent:#cbb89b;--glass:rgba(255,255,255,0.6)}*{margin:0;padding:0;box-sizing:border-box}.site-header{width:100%;background:rgba(255,255,255,.02);position:-webkit-sticky;position:sticky;top:0;z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-inner{max-width:1200px;margin:0 auto;padding:12px 20px;justify-content:space-between;gap:12px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px}.logo{width:40px;height:40px;object-fit:cover;border-radius:8px}.brand-name{font-weight:700;color:var(--text);text-decoration:none}.nav{display:flex;gap:18px;align-items:center}.nav-link{text-decoration:none;color:var(--text);padding:8px 10px;border-radius:8px}.nav-link:hover{background:rgba(0,0,0,.04)}.menu-button{display:none;background:transparent;border:0;cursor:pointer;padding:8px}.menu-button .bar{display:block;width:22px;height:2px;background:var(--text);margin:4px 0;border-radius:2px}@media (max-width:600px){.nav{display:none;position:absolute;right:16px;top:64px;background:var(--card);flex-direction:column;width:220px;padding:12px;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.nav.open{display:flex}.menu-button{display:block}.brand-name{display:none}}