.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: rgba(13,9,9,.72);
    backdrop-filter: blur(20px);
}

.header-content {
    width: min(1180px, calc(100% - 40px));
    min-height: 78px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 28px;
}

.branding { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.branding img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; box-shadow: 0 8px 25px rgba(239,61,73,.22); }
.brand-name { font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 700; letter-spacing: -.035em; }
.brand-name span { color: var(--gold); }

.navbar { display: flex; align-items: center; justify-content: center; flex: 1; gap: 4px; }
.navbar a { padding: 9px 13px; border-radius: 10px; color: var(--muted); font-size: .84rem; font-weight: 700; transition: color .2s, background .2s; }
.navbar a:hover, .navbar a:focus-visible { color: var(--text); background: var(--surface); }

.header-cta { min-height: 40px; display: inline-flex; align-items: center; gap: 9px; padding: 0 14px; border: 1px solid rgba(239,61,73,.3); border-radius: 11px; color: #ffd9dc; background: rgba(239,61,73,.09); font-size: .78rem; font-weight: 800; }
.header-cta:hover { background: rgba(239,61,73,.16); }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px var(--red); animation: pulse 1.8s infinite; }

.menu-toggle { display: none; width: 44px; height: 42px; margin-left: auto; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 1px solid var(--line); border-radius: 11px; color: var(--text); background: var(--surface); }
.menu-toggle > span:not(.sr-only) { width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s, opacity .2s; }
.menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 760px) {
    .header-content { position: relative; width: min(100% - 28px, 1180px); min-height: 70px; gap: 12px; }
    .menu-toggle { display: flex; }
    .header-cta { display: none; }
    .navbar { position: absolute; top: calc(100% + 1px); left: 0; right: 0; display: none; align-items: stretch; flex-direction: column; padding: 12px; border: 1px solid var(--line); border-radius: 0 0 16px 16px; background: rgba(13,9,9,.97); box-shadow: 0 20px 40px rgba(0,0,0,.3); }
    .navbar.is-open { display: flex; }
    .navbar a { padding: 12px 14px; }
}