.header{
  height:64px;
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  position:sticky;
  top:0;
  z-index:30;
}
.header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(
    90deg,
    var(--olympic-blue) 0%,
    var(--olympic-blue) 20%,
    var(--olympic-yellow) 20%,
    var(--olympic-yellow) 40%,
    var(--olympic-black) 40%,
    var(--olympic-black) 60%,
    var(--olympic-green) 60%,
    var(--olympic-green) 80%,
    var(--olympic-red) 80%,
    var(--olympic-red) 100%
  );
  pointer-events:none;
}

.menu-container{position:relative; padding-left:12px}
.menu-button{
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(0, 133, 199, .22);
  background:#ffffff;
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  padding:0 12px; cursor:pointer;
}
.menu-button:hover{background:rgba(0, 133, 199, .06); border-color:rgba(0, 133, 199, .32)}
.hamburger{height:2px;width:18px;background:rgba(15, 23, 42, .85);border-radius:2px}

.dropdown-menu{
  position:absolute;
  top:54px; left:12px;
  width:220px;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow);
  padding:10px;
  display:none;
}
.dropdown-menu.open{display:block}
.menu-item{
  display:flex; align-items:center; gap:10px;
  padding:10px 10px;
  border-radius:12px;
  color:rgba(15, 23, 42, .88);
}
.menu-item:hover{background:rgba(0, 133, 199, .05)}
.menu-item.active{
  background:linear-gradient(90deg, rgba(0, 133, 199, .12), rgba(0, 159, 61, .08));
  border:1px solid rgba(0, 133, 199, .28);
}
.menu-text{font-weight:600; font-size:14px}
.menu-divider{height:1px; background:var(--border); margin:8px 0}

.logo-container{display:flex;justify-content:center;align-items:center}
.logo-link{display:flex;align-items:center;gap:10px}
.site-logo{height:34px;width:auto}
.logo-fallback{display:none; font-weight:800; letter-spacing:.5px; background:linear-gradient(90deg, var(--olympic-blue), var(--olympic-green)); -webkit-background-clip:text; background-clip:text; color:transparent}

.header-right{padding-right:12px}