.site-header{
  position:fixed;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  z-index:1200;
  width:max-content;
  max-width:calc(100vw - 140px);
  padding:10px 18px;
  background:rgba(10,35,28,.88);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  backdrop-filter:blur(12px);
  box-shadow:var(--cf-shadow);
}
.header-row{display:flex; align-items:center; gap:14px}
.header-branding{display:flex; align-items:center; gap:14px}
.header-logo-fallback{
  width:54px; height:54px; border-radius:16px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--cf-accent),var(--cf-accent-2));
  color:#062017; font-weight:900;
}
.custom-logo{max-height:54px; width:auto}
.header-text{display:flex; flex-direction:column}
.header-title{font-size:2rem; line-height:1; font-weight:900}
.header-tag{font-size:.9rem; color:var(--cf-muted)}
.cf-menu-toggle{
  position:fixed;
  left:24px;
  top:24px;
  z-index:1400;
  width:54px; height:54px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(8,15,22,.82);
  box-shadow:var(--cf-shadow-soft);
  color:var(--cf-text);
  display:inline-flex; align-items:center; justify-content:center;
}
.cf-menu-toggle .bar,.cf-menu-close .bar{
  display:block; width:22px; height:2px; margin:3px 0;
  border-radius:2px; background:currentColor;
}
.cf-menu-close{background:transparent;border:1px solid rgba(255,255,255,.18);width:42px;height:42px;border-radius:14px;color:var(--cf-text)}