.cd-header {
  position:sticky;
  top:0;
  z-index:100;
  background:rgb(8 9 11 / 91%);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgb(255 255 255 / 5%)
}

.cd-header__inner {
  min-height:var(--cd-header-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px
}

.cd-brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex-shrink:0;
  font-family:var(--cd-heading);
  font-size:16px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.2
}

.cd-brand img {
  border-radius:8px;
  flex-shrink:0
}

.cd-navigation {
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,28px);
  font-size:14px;
  color:var(--cd-muted)
}

.cd-navigation a {
  padding-block:12px;
  white-space:nowrap;
  transition:color var(--cd-ease)
}

.cd-navigation a:hover,.cd-navigation a[aria-current] {
  color:var(--cd-text)
}

.cd-header__actions {
  display:flex;
  align-items:center;
  gap:18px
}

.cd-languages {
  display:flex;
  gap:10px;
  font-family:var(--cd-heading);
  font-size:13px;
  font-weight:600;
  color:var(--cd-muted)
}

.cd-languages a {
  padding-block:12px
}

.cd-languages a:hover {
  color:var(--cd-text)
}

.cd-telegram {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#249cd5;
  color:#fff;
  transition:background var(--cd-ease)
}

.cd-telegram:hover {
  background:#40afe4
}

.cd-telegram svg {
  width:20px;
  height:20px
}

.cd-menu-toggle {
  border:0;
  background:transparent;
  padding:10px 0;
  display:none;
  align-items:center;
  gap:9px;
  cursor:pointer;
  font-size:13px
}

.cd-menu-toggle__lines {
  position:relative;
  width:20px;
  height:12px;
  border-block:1.5px solid currentColor
}

.cd-menu-toggle__lines::after {
  content:"";
  position:absolute;
  top:4px;
  left:0;
  width:100%;
  height:1.5px;
  background:currentColor
}

@media(max-width:1100px) {
  .cd-header__inner {
    gap:18px
  }
  .cd-navigation {
    gap:16px;
    font-size:13px
  }
  .cd-brand {
    font-size:14px
  }
  .cd-header__actions {
    gap:14px
  }
  .cd-telegram {
    display:none
  }
}

@media(max-width:1023px) {
  :root {
    --cd-header-height:72px
  }
  .cd-header__inner {
    flex-wrap:wrap;
    gap:0 10px
  }
  .cd-brand {
    margin-right:auto
  }
  .cd-menu-toggle:not([hidden]) {
    display:flex
  }
  .cd-header__actions {
    order:1;
    margin-left:0
  }
  .cd-menu-toggle {
    order:2;
    margin-left:0
  }
  .cd-navigation {
    order:3;
    flex-basis:100%;
    display:flex;
    flex-wrap:wrap;
    padding:10px 0 18px;
    gap:2px 24px
  }
  .cd-header--enhanced .cd-navigation {
    display:none
  }
  .cd-header--enhanced .cd-navigation.is-open {
    display:flex
  }
  .cd-navigation a {
    padding-block:10px
  }
  .cd-header__actions .cd-button {
    min-height:40px;
    padding:10px 15px
  }
}

@media(max-width:480px) {
  .cd-brand {
    max-width:none;
    font-size:12px;
    gap:8px;
    white-space:nowrap
  }
  .cd-brand img {
    width:28px;
    height:28px
  }
  .cd-header__actions {
    gap:8px;
    margin-left:0
  }
  .cd-menu-toggle {
    margin-left:0
  }
  .cd-menu-toggle [data-menu-label] {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%)
  }
  .cd-header__actions .cd-button {
    font-size:12px;
    padding-inline:12px
  }
  .cd-languages {
    font-size:12px
  }
}

@media(max-width:380px) {
  .cd-header .cd-brand>span {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%)
  }
}

.cd-header__account{display:grid;place-items:center;width:26px;height:36px}.cd-header .cd-app-icon{width:20px;height:20px;flex:none}.cd-header-user{position:relative;min-width:0}.cd-header-user>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:5px 10px;border:1px solid var(--cd-accent);border-radius:5px;background:var(--cd-accent);color:white;font-size:12px;font-weight:650;min-height:44px}.cd-header-user>summary::-webkit-details-marker{display:none}.cd-header-user__avatar{display:grid;place-items:center;width:22px;height:28px;border-radius:5px;background:transparent;color:white;font-weight:700;flex:none}.cd-header-user__name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-header-user>summary>.cd-app-icon{width:13px;height:13px}.cd-header-user[open]>summary{border-color:var(--cd-accent)}.cd-header-user__menu{position:absolute;top:calc(100% + 12px);right:0;width:260px;max-width:calc(100vw - 40px);padding:10px;border:1px solid var(--cd-border);border-radius:9px;background:var(--cd-surface);box-shadow:0 15px 40px #0007;z-index:110}.cd-header-user__menu>p{padding:8px 10px 12px;margin:0 0 6px;border-bottom:1px solid var(--cd-border);font-size:12px;overflow-wrap:anywhere}.cd-header-user__menu>p strong,.cd-header-user__menu>p span{display:block}.cd-header-user__menu>p span{color:var(--cd-muted);font-size:11px;margin-top:5px}.cd-header-user__menu>a,.cd-header-user__menu button{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:44px;width:100%;border:0;border-radius:5px;background:none;text-align:left;color:var(--cd-text);font:inherit;font-size:13px;cursor:pointer}.cd-header-user__menu>a:hover,.cd-header-user__menu button:hover{background:var(--cd-surface-raised)}.cd-header-user__menu form{margin:0}.cd-header-user__menu [role=alert]{display:block;padding:8px;color:var(--cd-accent);font-size:12px}.cd-header-login{display:inline-flex;gap:8px}
@media(max-width:1100px){.cd-header-user__name{max-width:80px}.cd-header__actions{gap:10px}}
@media(max-width:1023px){.cd-header-user__name{max-width:120px}.cd-header--application .cd-header__actions .cd-header-login{display:none}}
@media(max-width:480px){.cd-header-user>summary{padding:3px;border:0}.cd-header-user__name,.cd-header-user>summary>.cd-app-icon{display:none}.cd-header-user__menu{position:fixed;inset-inline:var(--cd-gutter);top:calc(var(--cd-header-height) + 8px);width:auto;max-width:none}.cd-header-user__avatar{width:30px;height:30px}.cd-header__inner{column-gap:8px}.cd-header__actions{gap:7px}}
