:root{
  --site-header-bg:#cbeaf6;
  --site-header-line:rgba(44,58,38,.10);
  --site-header-text:#1f2c1a;
  --site-header-muted:#5f7058;
  --site-accent:#3f8a34;
  --site-accent-soft:#e7f6df;
}
.site-header{
  height:66px;
  display:flex;
  align-items:center;
  background:linear-gradient(180deg,#dff3fb 0%,#c2e6f5 100%);
  border-bottom:1px solid var(--site-header-line);
  box-shadow:0 6px 22px rgba(40,70,90,.10);
  -webkit-backdrop-filter:saturate(1.15) blur(6px);
  backdrop-filter:saturate(1.15) blur(6px);
  position:sticky;
  top:0;
  z-index:20;
}
.site-nav{
  width:min(1120px,100%);
  margin:0 auto;
  padding:0 22px;
  display:flex;
  align-items:center;
  gap:22px;
}
.site-logo{
  color:var(--site-header-text);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.site-logo::before{
  content:"\1F3DD";
  font-size:21px;
  filter:drop-shadow(0 2px 3px rgba(30,60,80,.22));
}
.site-links{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:14px;
  font-weight:800;
}
.site-links a{
  color:var(--site-header-muted);
  text-decoration:none;
  padding:8px 13px;
  border-radius:999px;
  line-height:1;
  transition:color .15s ease, background-color .15s ease, transform .12s ease;
}
.site-links a:hover{
  color:var(--site-header-text);
  background:rgba(255,255,255,.6);
  transform:translateY(-1px);
}
.site-links a.active{
  color:var(--site-accent);
  background:var(--site-accent-soft);
  box-shadow:inset 0 0 0 1px rgba(63,138,52,.18);
}
.site-spacer{flex:1}
[data-rainbow-wallet]{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:146px;
}
[data-rainbow-wallet] button{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif !important;
  font-weight:800 !important;
  border-radius:12px !important;
  box-shadow:0 6px 16px rgba(63,138,52,.22) !important;
}
@media(max-width:720px){
  .site-header{height:auto;min-height:64px}
  .site-nav{padding:11px 14px;gap:12px;flex-wrap:wrap}
  .site-links{order:3;width:100%;gap:4px;font-size:13px;overflow-x:auto;padding-bottom:2px}
  .site-links a{white-space:nowrap;padding:7px 11px}
  [data-rainbow-wallet]{min-width:0;margin-left:auto}
}