.bm-header{background:var(--bm-surface);border-bottom:1px solid var(--bm-border-soft)}
.bm-header-banner{width:100%;min-height:172px;display:flex;align-items:flex-end;background:radial-gradient(circle at 86% 16%,rgba(255,255,255,.82),transparent 23%),linear-gradient(145deg,#fff2f5 0%,#f6edf9 50%,#eef4ff 100%);overflow:hidden}
.bm-header-banner-inner{width:100%;padding:32px 20px 24px}
.bm-header-brand-eyebrow{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bm-muted)}
.bm-header-brand-name{margin:0;font-size:clamp(2rem,10vw,2.85rem);line-height:.98;letter-spacing:-.045em;color:var(--bm-text);font-weight:850}
.bm-header-brand-tagline{margin:10px 0 0;max-width:330px;font-size:.94rem;line-height:1.45;color:var(--bm-muted)}
.bm-header-actions{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bm-surface);position:relative}
.bm-header-avatar{width:100px;height:100px;flex:0 0 100px;box-sizing:border-box;margin-top:-85px;padding:0;border:4px solid var(--bm-surface);border-radius:50%;display:grid;place-items:center;background:var(--bm-surface-soft);overflow:visible;color:var(--bm-text);cursor:pointer;box-shadow:0 4px 14px rgba(17,24,39,.14);z-index:2}
.bm-header-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;display:block;overflow:hidden}
.bm-header-avatar-fallback{display:grid;place-items:center;width:100%;height:100%}
.bm-header-avatar-icon{width:23px;height:23px}
.bm-header-action-group{display:flex;align-items:center;gap:4px;margin-left:auto}
.bm-header-action{width:46px;height:46px;padding:0;border:0;border-radius:14px;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--bm-text);cursor:pointer}
.bm-header-action:active{background:var(--bm-surface-soft)}
.bm-header-action-icon{width:22px;height:22px}
@media (hover:hover){.bm-header-action:hover{background:var(--bm-surface-soft)}}
.bm-header[data-bm-authenticated="true"] .bm-header-avatar{box-shadow:0 4px 14px rgba(17,24,39,.14),0 0 0 2px color-mix(in srgb,var(--bm-accent) 20%,transparent)}
.bm-header-avatar,.bm-header-action{position:relative}
.bm-header-banner--category{padding:0;background:var(--bm-surface);overflow:hidden}