.container{
  width:min(100% - 32px,1100px);
  margin-inline:auto;
}

.site-header{
  position:relative;
  z-index:1000;
  backdrop-filter:blur(10px);
  background:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(15,58,39,.1);
}

.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 0;
  position:relative;
}

.logo{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:800;
}

.logo a{
  display:flex;
  align-items:center;
  gap:10px;
  color:#0b2a1d;
  text-decoration:none;
}

.logo-badge{
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,#0f3a27,#145234);
  position:relative;
  flex:0 0 auto;
}

.logo-badge::after{
  content:"";
  position:absolute;
  inset:8px;
  border:2px solid rgba(226,201,121,.85);
  border-radius:10px;
}

.menu-button{
  width:40px;
  height:40px;
  border:1px solid rgba(15,58,39,.14);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  background:#fff;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
}

.menu-button span{
  width:18px;
  height:2px;
  background:#0b2a1d;
  position:relative;
  display:block;
}

.menu-button span::before,
.menu-button span::after{
  content:"";
  position:absolute;
  width:18px;
  height:2px;
  background:#0b2a1d;
  left:0;
}

.menu-button span::before{ top:-6px; }
.menu-button span::after{ top:6px; }

.dropdown{
  position:absolute;
  right:0;
  top:60px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  border:1px solid rgba(15,58,39,.1);
  min-width:240px;
  z-index:1100;

  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.dropdown.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

.dropdown a{
  display:block;
  padding:12px 16px;
  font:600 16px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  text-decoration:none;
  color:#0b2a1d;
}

.dropdown a:hover{
  background:#e9f6ef;
}

@media (max-width:600px){
  .container{
    width:min(100% - 24px,1100px);
  }
}