.dojo-global-header {
  position: sticky;
  top: 0;
  z-index: 1200;
  width: 100%;
  border-bottom: 1px solid rgba(255, 164, 36, .15);
  background: rgba(7, 6, 5, .92);
  backdrop-filter: blur(18px);
  transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.dojo-global-header[data-elevated="true"] {
  border-bottom-color: rgba(255, 170, 48, .28);
  background: rgba(7, 6, 5, .97);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
}

.dojo-global-header,
.dojo-global-header * {
  box-sizing: border-box;
}

.dojo-global-header-inner {
  width: min(calc(100% - 32px), 1180px);
  min-height: 70px;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-inline: auto;
}

.dojo-global-brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff8ec;
  text-decoration: none;
}

.dojo-global-brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 174, 57, .4);
  border-radius: 13px;
  color: #ffb02e;
  background: rgba(255, 159, 26, .08);
  font-size: 1.15rem;
  font-weight: 950;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.dojo-global-brand-copy {
  display: grid;
  line-height: 1;
}

.dojo-global-brand-copy strong {
  color: #fff8ec;
  font-size: 1rem;
  font-weight: 950;
}

.dojo-global-brand-copy small {
  margin-top: 4px;
  color: #a79d90;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dojo-global-navigation {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}

.dojo-global-nav {
  display: flex;
  align-items: center;
  gap: 3px;
}

.dojo-global-auth-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.dojo-global-nav > button,
.dojo-global-auth-actions > button {
  margin: 0;
  cursor: pointer;
  font: inherit;
}

.dojo-global-nav > a,
.dojo-global-nav > button,
.dojo-global-auth-actions > a,
.dojo-global-auth-actions > button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #aea398;
  text-decoration: none;
  font-size: .78rem;
  font-weight: 900;
  white-space: nowrap;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.dojo-global-nav > a:hover,
.dojo-global-nav > a:focus-visible,
.dojo-global-nav > a.is-active,
.dojo-global-nav > button:hover,
.dojo-global-nav > button:focus-visible,
.dojo-global-nav > button.is-active,
.dojo-global-auth-actions > a:hover,
.dojo-global-auth-actions > a:focus-visible,
.dojo-global-auth-actions > a.is-active,
.dojo-global-auth-actions > button:hover,
.dojo-global-auth-actions > button:focus-visible {
  color: #fff8ed;
  border-color: rgba(255, 169, 47, .24);
  background: rgba(255, 159, 26, .065);
  outline: none;
}

.dojo-global-nav > a:hover,
.dojo-global-nav > a:focus-visible,
.dojo-global-nav > button:hover,
.dojo-global-nav > button:focus-visible,
.dojo-global-auth-actions > a:hover,
.dojo-global-auth-actions > a:focus-visible,
.dojo-global-auth-actions > button:hover,
.dojo-global-auth-actions > button:focus-visible {
  transform: translateY(-1px);
}

.dojo-global-nav > .dojo-global-blog-pill {
  margin-left: 4px;
  padding-inline: 15px;
  color: #ffd26d;
  border-color: rgba(255, 171, 44, .34);
  background: linear-gradient(135deg, rgba(255, 159, 26, .12), rgba(255, 207, 98, .04));
}

.dojo-global-account-pill {
  gap: 7px;
  padding: 5px 10px 5px 5px !important;
  border-radius: 999px !important;
}

.dojo-global-account-dot {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #07110c;
  font-size: .82rem;
  font-weight: 950;
}

.dojo-global-user-icon {
  position: relative;
  display: inline-block;
  color: #07110c;
}

.dojo-global-user-icon::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 10px;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.dojo-global-user-icon::after {
  content: "";
  position: absolute;
  left: 6px;
  bottom: 5px;
  width: 16px;
  height: 9px;
  box-sizing: border-box;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 11px 11px 3px 3px;
}


.dojo-global-admin {
  color: #ffd67e !important;
  border-color: rgba(255, 174, 45, .38) !important;
  background: linear-gradient(135deg, rgba(255, 151, 24, .16), rgba(255, 211, 100, .055)) !important;
}

.dojo-global-admin .dojo-global-account-dot {
  position: relative;
  color: #1a1003;
  background: linear-gradient(135deg, #ff9f1a, #ffd670);
  box-shadow: 0 6px 18px rgba(255, 159, 26, .2);
}

.dojo-global-admin-icon::before,
.dojo-global-admin-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}

.dojo-global-admin-icon::before {
  top: 6px;
  width: 13px;
  height: 10px;
  border: 2px solid currentColor;
  border-radius: 3px;
}

.dojo-global-admin-icon::after {
  top: 9px;
  width: 3px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: -4px 4px 0 -1px currentColor, 4px 4px 0 -1px currentColor;
}

.dojo-global-admin:hover,
.dojo-global-admin:focus-visible,
.dojo-global-admin.is-active {
  color: #fff1c9 !important;
  border-color: rgba(255, 194, 92, .72) !important;
  background: linear-gradient(135deg, rgba(255, 151, 24, .25), rgba(255, 211, 100, .1)) !important;
}

.dojo-global-login,
.dojo-global-profile {
  color: #9df0c5 !important;
  border-color: rgba(28, 211, 129, .3) !important;
  background: rgba(28, 211, 129, .055) !important;
}

.dojo-global-login .dojo-global-account-dot,
.dojo-global-profile .dojo-global-account-dot {
  background: linear-gradient(135deg, #25d789, #8cf0c0);
  box-shadow: 0 6px 16px rgba(37, 215, 137, .16);
}

.dojo-global-register {
  color: #a9ccff !important;
  border-color: rgba(59, 141, 255, .35) !important;
  background: linear-gradient(135deg, rgba(30, 108, 240, .14), rgba(97, 177, 255, .05)) !important;
}

.dojo-global-register .dojo-global-account-dot {
  color: #f7fbff;
  background: linear-gradient(135deg, #1769e8, #62b6ff);
  box-shadow: 0 6px 18px rgba(31, 112, 236, .2);
}

.dojo-global-login:hover,
.dojo-global-login:focus-visible,
.dojo-global-login.is-active,
.dojo-global-profile:hover,
.dojo-global-profile:focus-visible,
.dojo-global-profile.is-active {
  border-color: rgba(79, 234, 159, .62) !important;
  background: rgba(28, 211, 129, .11) !important;
}

.dojo-global-logout {
  color: #ffd7db !important;
  border-color: rgba(255, 76, 91, .42) !important;
  background: linear-gradient(135deg, rgba(190, 29, 45, .22), rgba(112, 15, 27, .14)) !important;
}

.dojo-global-logout .dojo-global-account-dot {
  color: #fff;
  background: linear-gradient(135deg, #d62f43, #8e1828);
  box-shadow: 0 6px 18px rgba(174, 25, 43, .22);
}

.dojo-global-logout:hover,
.dojo-global-logout:focus-visible {
  color: #fff !important;
  border-color: rgba(255, 120, 132, .75) !important;
  background: linear-gradient(135deg, rgba(218, 43, 61, .34), rgba(133, 19, 34, .22)) !important;
}

.dojo-global-logout:disabled,
.dojo-global-logout.is-loading {
  cursor: wait;
  opacity: .72;
  transform: none !important;
}

.dojo-global-register:hover,
.dojo-global-register:focus-visible,
.dojo-global-register.is-active {
  border-color: rgba(99, 183, 255, .68) !important;
  background: linear-gradient(135deg, rgba(28, 112, 240, .22), rgba(97, 177, 255, .1)) !important;
}

.dojo-global-lang-switch {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 168, 48, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
}

.dojo-global-lang-switch button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #a99f93;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .68rem;
  font-weight: 950;
}

.dojo-global-lang-switch button:hover,
.dojo-global-lang-switch button:focus-visible {
  color: #fff8ed;
  outline: none;
}

.dojo-global-lang-switch button.active {
  color: #160e03;
  background: linear-gradient(135deg, #ff9f1a, #ffd16a);
  box-shadow: 0 5px 16px rgba(255, 159, 26, .18);
}

.dojo-global-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  margin-left: auto;
  padding: 10px;
  border: 1px solid rgba(255, 168, 48, .26);
  border-radius: 12px;
  background: rgba(255, 159, 26, .06);
  cursor: pointer;
}

.dojo-global-menu-toggle span {
  width: 100%;
  height: 2px;
  display: block;
  margin: 4px 0;
  border-radius: 999px;
  background: #f5eadc;
  transition: transform .18s ease, opacity .18s ease;
}

@media (max-width: 1100px) {
  .dojo-global-header-inner {
    width: min(calc(100% - 24px), 1180px);
    gap: 14px;
  }

  .dojo-global-nav > a,
  .dojo-global-nav > button,
  .dojo-global-auth-actions > a,
  .dojo-global-auth-actions > button {
    padding-inline: 8px;
    font-size: .72rem;
  }

  .dojo-global-brand-copy {
    display: none;
  }
}

@media (max-width: 900px) {
  .dojo-global-menu-toggle {
    display: block;
  }

  .dojo-global-navigation {
    position: absolute;
    inset: calc(100% + 1px) 12px auto;
    display: none;
    padding: 13px;
    border: 1px solid rgba(255, 168, 48, .25);
    border-radius: 18px;
    background: rgba(11, 9, 7, .985);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .48);
  }

  .dojo-global-header.is-menu-open .dojo-global-navigation {
    display: grid;
    gap: 12px;
  }

  .dojo-global-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .dojo-global-nav > a,
  .dojo-global-nav > button {
    width: 100%;
    justify-content: flex-start;
    min-height: 44px;
    padding-inline: 12px;
  }

  .dojo-global-nav > .dojo-global-blog-pill {
    margin-left: 0;
  }

  .dojo-global-auth-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    grid-column: 1 / -1;
  }

  .dojo-global-auth-actions > a,
  .dojo-global-auth-actions > button {
    width: 100%;
    justify-content: flex-start;
  }

  .dojo-global-lang-switch {
    justify-self: end;
  }

  .dojo-global-header.is-menu-open .dojo-global-menu-toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .dojo-global-header.is-menu-open .dojo-global-menu-toggle span:nth-child(2) {
    opacity: 0;
  }

  .dojo-global-header.is-menu-open .dojo-global-menu-toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
}

@media (max-width: 520px) {
  .dojo-global-header-inner {
    min-height: 64px;
  }

  .dojo-global-brand-mark {
    width: 39px;
    height: 39px;
  }

  .dojo-global-navigation {
    inset-inline: 8px;
  }

  .dojo-global-nav {
    grid-template-columns: 1fr;
  }

  .dojo-global-auth-actions {
    grid-template-columns: 1fr;
  }

  .dojo-global-lang-switch {
    justify-self: center;
  }
}