.public-header ~ main :where(section[id], main[id]),
:where(section[id], main[id]) { scroll-margin-top: 0; }
html { scroll-padding-top: 104px; font-size:16px; }
.public-header {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 86px;
  padding: 18px clamp(16px, 2.1vw, 34px);
  align-items: center;
  background: #120918bd;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 16px 40px #0009, 0 35px 80px #0007;
  backdrop-filter: blur(28px) saturate(1.25);
  font-family:Inter,"Segoe UI",sans-serif;
}
.public-header + main { padding-top: 158px; }
.public-brand {
  display: flex;
  height: 47px;
  overflow: hidden;
  align-items: stretch;
  justify-self: start;
  background: #120818;
  border: 2px solid #ffa800;
  border-radius: 11px;
  box-shadow: 0 8px 24px #0007;
  font-family: "Arial Black", sans-serif;
  font-weight: 950;
  text-decoration: none;
}
.public-brand span {
  display: grid;
  width: 96px;
  height: 43px;
  place-items: center;
  color: #ffa800;
  font-size: 1.45rem;
  letter-spacing: -.09em;
}
.public-brand b {
  display: grid;
  width: 94px;
  height: 37px;
  margin: 3px;
  place-items: center;
  color: #fff;
  background: #ffa800;
  border: 3px solid #120818;
  font-size: 1.45rem;
  letter-spacing: -.09em;
  text-shadow: 0 2px 0 rgba(53,22,0,.46), 0 4px 9px rgba(0,0,0,.48);
}
.public-nav {
  display: flex;
  justify-content: center;
  justify-self: center;
  gap: 6px;
}
.public-nav .mobile-auth-actions { display: none; }
.public-nav a {
  display: grid;
  width: 150px;
  min-height: 46px;
  padding: 0 12px;
  place-items: center;
  color: #fff7ed;
  background: #ffffff05;
  border: 1px solid #ffa800ad;
  border-radius: 10px;
  box-shadow: inset 0 1px #ffffff08, 0 10px 24px #0009;
  font-size: .94rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.public-nav a:hover,
.public-nav a:focus-visible,
.public-nav a.is-active {
  color:#080309;
  background:#ffa800;
  border-color:#ffa800;
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 12px 28px rgba(0,0,0,.65);
}
.header-actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 9px;
}
.public-header .juhu-language-switch {
  width: 162px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 3px !important;
}
.public-header .juhu-language-switch button {
  width: 76px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 9px !important;
  font-size: .72rem !important;
}
.header-actions > a {
  display: grid;
  width: 132px;
  min-height: 43px;
  padding: 0 12px;
  place-items: center;
  border-radius: 10px;
  font-size: .76rem;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
}
.account-action { color: #fff7ed; background: #ffffff08; border: 1px solid rgba(255,255,255,.13); }
.register-action { color: #150919; background: #ffa800; border: 2px solid #0b0610; }
.public-menu {
  display: none;
  width: 42px;
  height: 42px;
  padding: 9px;
  place-items: center;
  gap: 4px;
  background: #ffffff08;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 11px;
}
.public-menu span { display: block; width: 19px; height: 2px; background: #fff7ed; border-radius: 99px; }

@media(min-width:1101px) and (max-width:1340px) {
  .public-nav a { width: 126px; font-size: .78rem; }
  .register-action { display: none; }
}

@media(max-width:1100px) {
  .public-nav {
    position: fixed;
    top: 82px;
    right: 16px;
    left: 16px;
    display: none;
    padding: 14px;
    background: #160a1cf2;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    box-shadow: 0 30px 90px #000;
    backdrop-filter: blur(25px);
  }
  .public-nav.is-open { display: grid; gap: 6px; }
  .public-nav a { width: 100%; min-height: 46px; }
  .public-nav.is-open .mobile-auth-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 4px;
  }
  .public-nav .mobile-auth-actions a {
    display: grid;
    min-height: 42px;
    padding: 0 10px;
    place-items: center;
    color: #fff7ed;
    background: #ffffff08;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 9px;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
  }
  .public-nav .mobile-auth-actions a:last-child {
    color: #150919;
    background: #ffa800;
    border-color: #ffa800;
  }
  .public-menu { display: grid; }
  .public-header { grid-template-columns: auto 1fr; }
  .header-actions { justify-self: end; }
  .public-header + main { padding-top: 132px; }
}
@media(max-width:700px) {
  .public-header { min-height: 70px; padding: 10px 9px; }
  .public-brand { height: 42px; }
  .public-brand span,
  .public-brand b {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: -.045em;
  }
  .public-brand span { width: 68px; height: 38px; }
  .public-brand b { width: 66px; height: 32px; }
  .header-actions .juhu-language-switch,
  .register-action { display: none!important; }
  .header-actions > a { width: auto; min-height: 38px; padding: 0 10px; font-size: .64rem; }
  .public-menu { width: 38px; height: 38px; }
  .public-nav { top: 70px; right: 9px; left: 9px; }
  .public-header + main { padding-top: 106px; }
}
html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0;height:0}