.ax-card {
  position: relative;
  transition: transform .35s cubic-bezier(.2, .7, .3, 1), border-color .35s ease, box-shadow .35s ease !important;
}
.ax-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(#6DEBFF, #6DEBFF) left top / 16px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) left top / 1px 16px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right top / 16px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right top / 1px 16px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) left bottom / 16px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) left bottom / 1px 16px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right bottom / 16px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right bottom / 1px 16px no-repeat;
  opacity: .45;
  transition: opacity .35s ease, background-size .35s ease;
}
.ax-card:hover {
  transform: translateY(-3px);
  border-color: rgba(109, 235, 255, .32) !important;
  box-shadow: 0 22px 60px rgba(4, 6, 8, .55), 0 0 36px rgba(109, 235, 255, .07) !important;
}
.ax-card:hover::after {
  opacity: 1;
  background-size: 26px 1px, 1px 26px, 26px 1px, 1px 26px, 26px 1px, 1px 26px, 26px 1px, 1px 26px;
}
.ax-card--flat:hover {
  transform: none;
}

.ax-btn {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform .25s ease, box-shadow .3s ease, filter .3s ease, border-color .3s ease, color .3s ease !important;
}
.ax-btn--main {
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  background: linear-gradient(180deg, #A6F3FF 0%, #6DEBFF 55%, #36C3DC 100%) !important;
  box-shadow: 0 0 0 1px rgba(109, 235, 255, .4), 0 12px 40px rgba(109, 235, 255, .28) !important;
}
.ax-btn--main::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: -1;
  background: linear-gradient(90deg, transparent, rgba(232, 238, 242, .55), transparent);
  transform: translateX(-160%) skewX(-20deg);
}
.ax-btn--main:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 0 0 1px rgba(166, 243, 255, .6), 0 18px 60px rgba(109, 235, 255, .45) !important;
}
.ax-btn--main:hover::before {
  animation: ax-shine .9s ease forwards;
}
.ax-btn--ghost {
  background: linear-gradient(180deg, rgba(21, 26, 31, .82), rgba(8, 10, 13, .82)) !important;
  backdrop-filter: blur(10px);
}
.ax-btn--ghost::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(#6DEBFF, #6DEBFF) left top / 10px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) left top / 1px 10px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right bottom / 10px 1px no-repeat,
    linear-gradient(#6DEBFF, #6DEBFF) right bottom / 1px 10px no-repeat;
  opacity: .7;
  transition: opacity .3s ease;
}
.ax-btn--ghost:hover {
  transform: translateY(-2px);
  border-color: rgba(109, 235, 255, .55) !important;
  color: #E8EEF2 !important;
  box-shadow: 0 14px 40px rgba(4, 6, 8, .5), inset 0 0 24px rgba(109, 235, 255, .08) !important;
}
.ax-btn .ax-arrow,
.ax-btn:hover .ax-arrow {
  display: inline-block;
  transition: transform .3s ease;
}
.ax-btn:hover .ax-arrow {
  transform: translateX(5px);
}
@keyframes ax-shine {
  0% { transform: translateX(-160%) skewX(-20deg); }
  100% { transform: translateX(360%) skewX(-20deg); }
}

.ax-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  pointer-events: auto;
}
.ax-stat {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 210px;
  padding: 16px 22px 16px 18px;
  border: 1px solid rgba(168, 176, 184, .16);
  background: linear-gradient(180deg, rgba(21, 26, 31, .78), rgba(8, 10, 13, .82));
  backdrop-filter: blur(12px);
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  transition: border-color .3s ease, transform .3s ease;
}
.ax-stat::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(109, 235, 255, .55), transparent);
}
.ax-stat:hover {
  border-color: rgba(109, 235, 255, .35);
  transform: translateY(-2px);
}
.ax-stat__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(109, 235, 255, .28);
  background: radial-gradient(circle at 50% 40%, rgba(109, 235, 255, .16), rgba(109, 235, 255, .02) 70%);
  color: #6DEBFF;
}
.ax-stat__icon svg {
  width: 20px;
  height: 20px;
}
.ax-stat__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ax-stat__value {
  font-family: 'Oxanium', sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
  color: #E8EEF2;
  letter-spacing: .01em;
}
.ax-stat__dim {
  color: #4A555E;
  font-weight: 700;
  font-size: 16px;
}
.ax-stat__label {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #8B97A2;
}
.ax-stat__bar {
  display: block;
  width: 120px;
  height: 3px;
  margin-top: 4px;
  background: rgba(168, 176, 184, .12);
  overflow: hidden;
}
.ax-stat__fill {
  display: block;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #36C3DC, #6DEBFF);
  box-shadow: 0 0 10px rgba(109, 235, 255, .6);
  transition: width 1.2s cubic-bezier(.2, .7, .3, 1);
}
.ax-signal {
  gap: 3px;
  align-items: flex-end;
  padding-bottom: 11px;
}
.ax-signal i {
  display: block;
  width: 4px;
  background: rgba(168, 176, 184, .22);
  transition: background .4s ease;
}
.ax-signal i:nth-child(1) { height: 6px; }
.ax-signal i:nth-child(2) { height: 10px; }
.ax-signal i:nth-child(3) { height: 14px; }
.ax-signal i:nth-child(4) { height: 18px; }
.ax-signal[data-q="1"] i:nth-child(-n+1),
.ax-signal[data-q="2"] i:nth-child(-n+2),
.ax-signal[data-q="3"] i:nth-child(-n+3),
.ax-signal[data-q="4"] i:nth-child(-n+4) {
  background: #6DEBFF;
  box-shadow: 0 0 6px rgba(109, 235, 255, .55);
}
.ax-signal[data-q="1"] i:nth-child(-n+1) { background: #F4777D; box-shadow: none; }
.ax-signal[data-q="2"] i:nth-child(-n+2) { background: #E8A955; box-shadow: none; }

.ax-zoomable {
  cursor: zoom-in;
  object-fit: contain !important;
  background: #0B1015 !important;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.ax-zoomable:hover {
  border-color: rgba(109, 235, 255, .5) !important;
  box-shadow: 0 0 0 1px rgba(109, 235, 255, .25), 0 14px 40px rgba(4, 6, 8, .6);
}
.ax-zoom-wrap {
  position: relative;
  display: inline-block;
  flex: none;
}
.ax-zoom-wrap::after {
  content: "⤢";
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #E8EEF2;
  background: rgba(8, 10, 13, .75);
  border: 1px solid rgba(109, 235, 255, .4);
  pointer-events: none;
  opacity: .85;
}

.ax-lightbox {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(4, 6, 8, .9);
  backdrop-filter: blur(8px);
  animation: ax-fade .2s ease both;
}
.ax-lightbox__stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  touch-action: none;
  user-select: none;
}
.ax-lightbox__img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  max-width: none;
  max-height: none;
  transform-origin: 0 0;
  will-change: transform;
  -webkit-user-drag: none;
  cursor: zoom-in;
  border: 1px solid rgba(109, 235, 255, .3);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .7);
  background: #0B1015;
}
.ax-lightbox--zoomed .ax-lightbox__img {
  cursor: grab;
}
.ax-lightbox--zoomed .ax-lightbox__img:active {
  cursor: grabbing;
}
.ax-lightbox__btn--sq {
  width: 40px;
  padding: 10px 0;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1;
}
.ax-lightbox__pct {
  pointer-events: auto;
  min-width: 64px;
  padding: 10px 6px;
  text-align: center;
  border: 1px solid rgba(168, 176, 184, .22);
  background: rgba(8, 10, 13, .85);
  color: #A8B0B8;
  font-family: 'Oxanium', sans-serif;
  font-weight: 700;
  font-size: 12px;
}
.ax-lightbox__hint {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 66px;
  text-align: center;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .14em;
  color: rgba(168, 176, 184, .55);
  pointer-events: none;
}
.ax-lightbox__bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 18px;
  display: flex;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
}
.ax-lightbox__btn {
  pointer-events: auto;
  padding: 10px 18px;
  border: 1px solid rgba(109, 235, 255, .4);
  background: rgba(8, 10, 13, .85);
  color: #E8EEF2;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
}
.ax-lightbox__btn:hover {
  border-color: #6DEBFF;
  color: #6DEBFF;
}
.ax-lightbox__close,
.ax-lightbox__nav {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(168, 176, 184, .3);
  background: rgba(8, 10, 13, .8);
  color: #E8EEF2;
  font-size: 22px;
  cursor: pointer;
}
.ax-lightbox__close { top: 18px; right: 18px; }
.ax-lightbox__nav--prev { left: 18px; top: 50%; transform: translateY(-50%); }
.ax-lightbox__nav--next { right: 18px; top: 50%; transform: translateY(-50%); }
.ax-lightbox__close:hover,
.ax-lightbox__nav:hover {
  border-color: #6DEBFF;
  color: #6DEBFF;
}
.ax-lightbox__count {
  position: fixed;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .3em;
  color: #A8B0B8;
}
@keyframes ax-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.ax-article {
  transition: border-color .35s ease, box-shadow .35s ease !important;
}
.ax-article:hover {
  border-color: rgba(109, 235, 255, .28) !important;
  box-shadow: 0 20px 60px rgba(4, 6, 8, .5);
}
.ax-article h3 {
  position: relative;
  padding-left: 14px;
}
.ax-article h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 3px;
  background: linear-gradient(180deg, #A6F3FF, #36C3DC);
  box-shadow: 0 0 10px rgba(109, 235, 255, .5);
}

.ax-point {
  transition: background .25s ease, border-color .25s ease !important;
}
.ax-point:hover {
  background: rgba(109, 235, 255, .05) !important;
  border-left-color: #6DEBFF !important;
}
.ax-point__num {
  cursor: pointer;
  position: relative;
}
.ax-point__num:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ax-point__num[data-copied]::after {
  content: "ссылка скопирована";
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 6px;
  white-space: nowrap;
  padding: 4px 8px;
  font-family: 'Rajdhani', sans-serif;
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #080A0D;
  background: #6DEBFF;
}
.ax-target {
  animation: ax-flash 2.2s ease;
}
@keyframes ax-flash {
  0%, 40% { background: rgba(109, 235, 255, .16); }
  100% { background: rgba(21, 26, 31, .4); }
}
.ax-penalty {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 6px 12px;
  border: 1px solid rgba(216, 138, 45, .4);
  background: rgba(216, 138, 45, .08);
}
.ax-penalty::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #D88A2D;
  box-shadow: 0 0 8px rgba(216, 138, 45, .7);
}
.ax-side-active {
  color: #E8EEF2 !important;
  border-left-color: #6DEBFF !important;
  background: linear-gradient(90deg, rgba(109, 235, 255, .1), transparent) !important;
}

mark.ax-mark {
  background: rgba(109, 235, 255, .22);
  color: #E8EEF2;
  padding: 0 2px;
  box-shadow: inset 0 -1px 0 #6DEBFF;
}

input[data-search] {
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
  padding-left: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23909498' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 16px 50% !important;
}
input[data-search]:focus {
  border-color: rgba(109, 235, 255, .6) !important;
  box-shadow: 0 0 0 3px rgba(109, 235, 255, .1), 0 10px 30px rgba(4, 6, 8, .4);
}

.ax-top {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 900;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(109, 235, 255, .4);
  background: rgba(8, 10, 13, .85);
  color: #6DEBFF;
  font-size: 18px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease, background .3s ease;
}
.ax-top--on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.ax-top:hover {
  background: rgba(109, 235, 255, .12);
}

@media (max-width: 760px) {
  .ax-stat { min-width: 0; flex: 1 1 100%; }
  .ax-lightbox__nav { top: auto; bottom: 70px; transform: none; }
  .ax-lightbox__hint { display: none; }
  .ax-lightbox__bar { flex-wrap: wrap; padding: 0 10px; gap: 6px; }
}

.ax-article img.ax-zoomable {
  width: 360px !important;
  height: auto !important;
  max-height: 420px !important;
}
.ax-article--media img.ax-zoomable {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-height: 620px !important;
}
.ax-article--media img.ax-zoomable + div:empty,
.ax-article--media .ax-article__text-empty {
  display: none !important;
}
@media (max-width: 900px) {
  .ax-article img.ax-zoomable {
    width: 100% !important;
  }
}

aside[style*="position:sticky"] {
  max-height: calc(100vh - 96px);
  overflow-y: auto;
  scrollbar-width: none;
}
aside[style*="position:sticky"]::-webkit-scrollbar {
  display: none;
}
[data-rule-section] {
  position: relative;
  padding: 30px 32px 32px;
  border: 1px solid rgba(168, 176, 184, .12);
  background: linear-gradient(180deg, rgba(21, 26, 31, .55), rgba(8, 10, 13, .35));
}
[data-rule-section]::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 64px;
  height: 2px;
  background: linear-gradient(90deg, #6DEBFF, transparent);
}
[data-rule-section] h2 {
  letter-spacing: .02em;
}
@media (max-width: 760px) {
  [data-rule-section] {
    padding: 22px 18px 24px;
  }
}

div[style*="min-height:100vh"][style*="overflow-x:hidden"] {
  overflow-x: clip !important;
}

aside .ax-side-active {
  color: #E8EEF2 !important;
  border-left-color: #6DEBFF !important;
  background: linear-gradient(90deg, rgba(109, 235, 255, .1), transparent) !important;
}

@media (max-width: 900px) {
  div[style*="grid-template-columns:280px minmax(0,1fr)"],
  div[style*="grid-template-columns:250px minmax(0,1fr)"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  aside[style*="position:sticky"] {
    top: var(--ax-head, 96px) !important;
    z-index: 20;
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 10px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(168, 176, 184, .14);
    background: rgba(8, 10, 13, .94) !important;
    backdrop-filter: blur(10px);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  aside[style*="position:sticky"]::-webkit-scrollbar {
    display: none;
  }
  aside[style*="position:sticky"] > span:first-child,
  aside[style*="position:sticky"] > div {
    display: none !important;
  }
  aside[style*="position:sticky"] > a,
  aside[style*="position:sticky"] > button {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    gap: 8px !important;
    white-space: nowrap;
    border: 1px solid rgba(168, 176, 184, .16) !important;
    border-radius: 999px;
    background: rgba(21, 26, 31, .6) !important;
    font-size: 13px !important;
  }
  aside[style*="position:sticky"] > a:hover,
  aside[style*="position:sticky"] > button:hover {
    padding-left: 14px !important;
  }
  aside[style*="position:sticky"] > .ax-side-active {
    color: #080A0D !important;
    border-color: #6DEBFF !important;
    background: #6DEBFF !important;
  }
  aside[style*="position:sticky"] > .ax-side-active span {
    color: inherit !important;
  }
  [data-rule-section][id] {
    scroll-margin-top: calc(var(--ax-head, 96px) + 70px);
  }
}

@media (max-width: 760px) {
  .ax-point {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px 12px !important;
  }
  [data-rule-section] {
    padding: 20px 14px 22px !important;
  }
  .ax-point span[style*="grid-template-columns:46px 1fr"] {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .ax-point div[style*="padding-left:18px"][style*="border-left"] {
    padding-left: 10px !important;
  }
  .ax-article div[style*="display:flex"][style*="align-items:flex-start"] {
    flex-wrap: wrap !important;
    padding: 18px 16px 20px !important;
  }
  .ax-article img.ax-zoomable,
  .ax-article img.ax-zoomable ~ div {
    flex: 1 1 100% !important;
  }
  .ax-article > div:first-child {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  aside[style*="position:sticky"] + main {
    padding: 28px 16px 72px !important;
  }
  input[data-search] {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
}

.pj.pj--c13::before {
  background: linear-gradient(180deg, rgba(5, 7, 10, 0) 0%, rgba(5, 7, 10, .06) 48%, rgba(5, 7, 10, .78) 100%), radial-gradient(80% 70% at 50% 108%, rgba(var(--c-rgb), .18), transparent 62%);
}
.pj.pj--c13 .pj-bg {
  filter: none;
}
.pj.pj--c13:hover .pj-bg {
  filter: brightness(1.06);
}