@font-face {
  font-family: Poppins;
  src: url("../poppins/Poppins-Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: Poppins;
  src: url("../poppins/Poppins-SemiBold.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
}
@font-face {
  font-family: Poppins;
  src: url("../poppins/Poppins-ExtraBold.woff2") format("woff2");
  font-display: swap;
  font-weight: 800;
}

:root {
  --ink: #f8f7ff;
  --muted: #aaa8bd;
  --page: #0d0619;
  --panel: #170b2a;
  --panel-2: #24103e;
  --line: #43265f;
  --lime: #ffcc29;
  --lime-dark: #e7ae00;
  --gold: #ffe487;
  --white: #fff;
  --max: 1180px;
}

* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}
body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: Poppins, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.75;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.14;
  background-image: radial-gradient(#9a65d1 0.55px, transparent 0.55px);
  background-size: 14px 14px;
  mask-image: linear-gradient(to bottom, #000, transparent 55%);
}
a {
  color: inherit;
}
img {
  display: block;
  max-width: 100%;
}
button {
  font: inherit;
}
.uP97c0 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.uO9181 {
  position: fixed;
  z-index: 1000;
  left: 16px;
  top: -60px;
  padding: 10px 16px;
  background: var(--lime);
  color: #090b08;
  border-radius: 8px;
  font-weight: 700;
  transition: 0.2s;
}
.uO9181:focus {
  top: 12px;
}

.uM8p03 {
  position: sticky;
  z-index: 100;
  top: 0;
  background: rgba(13, 6, 25, 0.9);
  border-bottom: 1px solid rgba(255, 204, 41, 0.18);
  backdrop-filter: blur(18px);
}
.uu5n0l {
  width: min(var(--max), calc(100% - 40px));
  height: 78px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 38px;
}
.ud2r52 {
  width: 180px;
  flex: 0 0 auto;
}
.ud2r52 img {
  width: 100%;
  height: 44px;
  object-fit: contain;
  object-position: left center;
}
.uN8v42 {
  margin-left: auto;
}
.uN8v42 ul {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.uN8v42 a,
.uQ9dfz {
  text-decoration: none;
  color: #d1d0c4;
  font-size: 14px;
  font-weight: 600;
  transition: 0.2s;
}
.uN8v42 a:hover,
.uN8v42 a[aria-current="page"],
.uQ9dfz:hover {
  color: var(--lime);
}
.ut5gwm {
  display: flex;
  align-items: center;
  gap: 18px;
}
.uf33d0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid var(--lime);
  border-radius: 12px;
  background: linear-gradient(135deg, #ffe16d, #f7b90e);
  color: #211205;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 0 0 rgba(255, 204, 41, 0);
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background 0.2s;
}
.uf33d0:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 204, 41, 0.24);
}
.uh3fky {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 10px;
}
.ug39gz {
  background: transparent;
  color: var(--ink);
  border-color: #3a4032;
  box-shadow: none;
}
.ug39gz:hover {
  border-color: var(--lime);
  box-shadow: none;
}
.uF7i8a {
  display: none;
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: transparent;
}
.uF7i8a span:not(.uP97c0) {
  display: block;
  height: 2px;
  margin: 4px 0;
  background: var(--ink);
}

.uv5t4k {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(
      circle at 72% 42%,
      rgba(202, 81, 255, 0.2),
      transparent 33%
    ),
    linear-gradient(120deg, #2b0c49, #0d0619 60%);
}
.uv5t4k::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(8, 8, 23, 0) 70%,
    rgba(255, 79, 216, 0.05)
  );
}
.uA6nof {
  position: absolute;
  width: 420px;
  height: 420px;
  right: -100px;
  top: -130px;
  border-radius: 50%;
  background: #e85eff;
  filter: blur(150px);
  opacity: 0.16;
}
.uy6bgh {
  position: relative;
  z-index: 1;
  width: min(var(--max), calc(100% - 40px));
  min-height: 640px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  align-items: center;
  gap: 70px;
  padding: 74px 0;
}
.um4a4t {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  color: var(--lime);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.um4a4t::before {
  content: "";
  width: 24px;
  height: 2px;
  background: var(--lime);
}
.uv5t4k h1 {
  max-width: 690px;
  margin: 0;
  font-size: clamp(48px, 6.2vw, 82px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.ux65ci > p {
  max-width: 640px;
  margin: 26px 0;
  color: #bdbdaf;
  font-size: 18px;
}
.uz6hkg,
.ua28t5 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: -8px 0 24px;
}
.uz6hkg span,
.ua28t5 span {
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: #aaa8bd;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.ua28t5 {
  margin: 28px 0 0;
}
.uw5z8j {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.uT9vrw {
  display: flex;
  gap: 0;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
}
.uT9vrw li {
  display: flex;
  flex-direction: column;
  min-width: 140px;
  padding-right: 28px;
  margin-right: 28px;
  border-right: 1px solid var(--line);
}
.uT9vrw li:last-child {
  border: 0;
}
.uT9vrw strong {
  font-size: 17px;
  color: var(--white);
}
.uT9vrw span {
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.uB6tse {
  position: relative;
  min-width: 0;
}
.uK8cs5 {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.92/1;
  border: 1px solid #72409b;
  border-radius: 24px;
  background: #000;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.65),
    0 0 90px rgba(209, 80, 255, 0.14);
  transform: perspective(1000px) rotateY(-4deg) rotateX(2deg);
}
.uK8cs5::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 7px solid rgba(255, 255, 255, 0.035);
  border-radius: 23px;
  pointer-events: none;
}
.uK8cs5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.up4sgq {
  position: absolute;
  padding: 10px 15px;
  border: 1px solid rgba(255, 204, 41, 0.48);
  border-radius: 999px;
  background: rgba(30, 11, 51, 0.94);
  color: #ffe487;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(10px);
}
.ui3lox {
  left: -26px;
  top: 17%;
}
.uj3rsw {
  right: -18px;
  bottom: 16%;
}

.ue2x91 {
  width: min(var(--max), calc(100% - 40px));
  margin: 22px auto 0;
  color: #77758e;
  font-size: 11px;
}
.ue2x91 ol {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ue2x91 li {
  display: flex;
  align-items: center;
  gap: 9px;
}
.ue2x91 li + li::before {
  content: "/";
  color: #46435e;
}
.ue2x91 a {
  color: #9c98b5;
  text-decoration: none;
}
.ue2x91 a:hover {
  color: var(--lime);
}

.uI80k7 {
  width: min(var(--max), calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 260px minmax(0, 790px);
  justify-content: space-between;
  gap: 72px;
  padding: 90px 0 120px;
}
.uR9jjy {
  position: sticky;
  top: 112px;
  align-self: start;
  max-height: calc(100vh - 140px);
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(23, 11, 42, 0.76);
}
.uS9pnx {
  margin: 0 0 14px;
  color: var(--white);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.uR9jjy ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: toc;
}
.uR9jjy li {
  counter-increment: toc;
  border-top: 1px solid #22261e;
}
.uR9jjy a {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 8px;
  padding: 10px 0;
  color: #96978b;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.45;
  transition: 0.2s;
}
.uR9jjy a::before {
  content: counter(toc, decimal-leading-zero);
  color: #565b4b;
  font-size: 10px;
}
.uR9jjy a:hover {
  color: var(--lime);
}

.uE7c4b {
  min-width: 0;
}
.ub2ex4 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}
.ub2ex4 span {
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: #9fa092;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.uE7c4b h2 {
  margin: 64px 0 20px;
  color: var(--white);
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  letter-spacing: -0.035em;
}
.uE7c4b h2::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  margin-bottom: 16px;
  border-radius: 4px;
  background: var(--lime);
}
.uE7c4b h3 {
  margin: 40px 0 12px;
  color: #eeeee4;
  font-size: 22px;
  line-height: 1.25;
}
.uE7c4b p {
  margin: 0 0 20px;
  color: #b6b6aa;
}
.uE7c4b strong {
  color: #f3f3e8;
}
.uE7c4b a:not(.uf33d0) {
  color: var(--lime);
  text-underline-offset: 4px;
}
.uE7c4b ul,
.uE7c4b ol {
  margin: 22px 0 28px;
  padding-left: 0;
  list-style: none;
}
.uE7c4b li {
  position: relative;
  margin: 11px 0;
  padding-left: 28px;
  color: #b6b6aa;
}
.uE7c4b li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.73em;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--lime);
  box-shadow: 0 0 12px rgba(255, 204, 41, 0.28);
}
.uE7c4b table {
  display: table;
  width: 100%;
  margin: 30px 0 46px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}
.uE7c4b th,
.uE7c4b td {
  padding: 15px 18px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
  color: #b9baad;
  font-size: 13px;
}
.uE7c4b tr:last-child td {
  border-bottom: 0;
}
.uE7c4b th:last-child,
.uE7c4b td:last-child {
  border-right: 0;
}
.uE7c4b th {
  background: #2c1249;
  color: #ffe487;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.uE7c4b td:first-child {
  color: #eeeee5;
  font-weight: 600;
}
.un4g8s {
  padding: 1px 0;
}

.uk3xwv {
  margin: 42px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
}
.uC6zwd {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #000;
  cursor: zoom-in;
}
.uk3xwv img {
  width: 100%;
  height: auto;
  aspect-ratio: 1920/882;
  object-fit: contain;
  background: #eef0ff;
  transition: transform 0.35s;
}
.uC6zwd:hover img {
  transform: scale(1.018);
}
.uk3xwv figcaption {
  padding: 11px 14px;
  color: #818375;
  font-size: 11px;
}
.uJ86o6 {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 20px;
  margin-top: 70px;
  padding: 26px;
  border: 1px solid #755021;
  border-radius: 16px;
  background: linear-gradient(
    120deg,
    rgba(255, 204, 41, 0.1),
    rgba(255, 204, 41, 0.02)
  );
}
.uJ86o6 .uG7oc9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 2px solid var(--lime);
  border-radius: 50%;
  color: var(--lime);
  font-size: 20px;
  font-weight: 800;
}
.uJ86o6 h2 {
  margin: 0 0 8px;
  font-size: 22px;
}
.uJ86o6 h2::before {
  display: none;
}
.uJ86o6 p {
  margin: 0;
  font-size: 13px;
}

.uL8iw4 {
  border-top: 1px solid var(--line);
  background: #060611;
}
.us5asn {
  width: min(var(--max), calc(100% - 40px));
  margin: auto;
  display: grid;
  grid-template-columns: 2fr repeat(3, 1fr);
  gap: 40px;
  padding: 70px 0;
}
.us5asn > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ur54oo img {
  width: 140px;
  height: 54px;
  object-fit: contain;
  object-position: left center;
  margin-bottom: 18px;
}
.ur54oo p {
  max-width: 420px;
  margin: 0;
  color: #7f8175;
  font-size: 13px;
}
.us5asn h2 {
  margin: 0 0 16px;
  color: #f0f0e6;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.us5asn a {
  margin: 5px 0;
  color: #898b7e;
  text-decoration: none;
  font-size: 13px;
}
.us5asn a:hover {
  color: var(--lime);
}
.uo4mcr {
  display: flex;
  align-items: center;
  gap: 10px;
}
.us5asn .uo4mcr a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 40px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #101027;
  font-size: 24px;
  line-height: 1;
  transition: 0.2s;
}
.us5asn .uo4mcr a:hover {
  border-color: var(--lime);
  background: #171735;
  transform: translateY(-2px);
}
.us5asn .uo4mcr a[aria-current="page"] {
  border-color: var(--lime);
  background: #2c1249;
}
.uq4ykp {
  width: min(var(--max), calc(100% - 40px));
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
  border-top: 1px solid #171a15;
  color: #5f6258;
  font-size: 11px;
}
.uc2l13 {
  position: fixed;
  z-index: 20;
  right: 24px;
  bottom: 24px;
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid #72409b;
  border-radius: 50%;
  background: #24103e;
  color: #ffe487;
  cursor: pointer;
}
.uc2l13.uUa1vv {
  display: block;
}
.ul440u {
  width: min(720px, calc(100% - 40px));
  min-height: 100vh;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ul440u h1 {
  margin: 0;
  font-size: clamp(48px, 9vw, 88px);
  line-height: 1;
}
.ul440u > p:not(.um4a4t) {
  max-width: 600px;
  margin: 24px 0;
  color: var(--muted);
}
.uD760c {
  width: min(1180px, 94vw);
  padding: 0;
  border: 1px solid #4c579a;
  border-radius: 18px;
  background: #05080f;
  box-shadow: 0 30px 100px #000;
}
.uD760c::backdrop {
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(7px);
}
.uD760c img {
  width: 100%;
  max-height: 82vh;
  object-fit: contain;
  border-radius: 17px;
}
.uD760c button {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 42px;
  height: 42px;
  border: 1px solid #73795d;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.74);
  color: #fff;
  font-size: 26px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .uu5n0l {
    gap: 20px;
  }
  .uN8v42 ul {
    gap: 16px;
  }
  .ut5gwm .uQ9dfz {
    display: none;
  }
  .uy6bgh {
    grid-template-columns: 1fr 1fr;
    gap: 38px;
  }
  .uv5t4k h1 {
    font-size: 54px;
  }
  .uI80k7 {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 42px;
  }
}
@media (max-width: 760px) {
  html {
    scroll-padding-top: 78px;
  }
  .uu5n0l {
    width: calc(100% - 28px);
    height: 68px;
  }
  .ud2r52 {
    width: 160px;
  }
  .uF7i8a {
    display: block;
    margin-left: auto;
  }
  .uN8v42 {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 66px;
    display: none;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #0d1526;
    box-shadow: 0 22px 60px #000;
  }
  .uN8v42.uH7ug8 {
    display: block;
  }
  .uN8v42 ul {
    display: block;
  }
  .uN8v42 a {
    display: block;
    padding: 11px 12px;
  }
  .ut5gwm {
    display: none;
  }
  .uy6bgh {
    width: calc(100% - 28px);
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 64px 0 72px;
  }
  .uv5t4k h1 {
    font-size: clamp(43px, 13vw, 64px);
  }
  .ux65ci > p {
    font-size: 16px;
  }
  .uB6tse {
    max-width: 560px;
  }
  .uK8cs5 {
    transform: none;
    aspect-ratio: 1.92/1;
  }
  .up4sgq {
    display: none;
  }
  .uT9vrw {
    justify-content: space-between;
  }
  .uT9vrw li {
    min-width: 0;
    margin-right: 12px;
    padding-right: 12px;
  }
  .ue2x91 {
    width: calc(100% - 28px);
  }
  .uI80k7 {
    width: calc(100% - 28px);
    display: block;
    padding: 60px 0 80px;
  }
  .uR9jjy {
    position: relative;
    top: auto;
    max-height: none;
    margin-bottom: 50px;
  }
  .uR9jjy ol {
    columns: 2;
    column-gap: 24px;
  }
  .uR9jjy li {
    break-inside: avoid;
  }
  .uE7c4b h2 {
    margin-top: 52px;
  }
  .uE7c4b table {
    display: block;
    overflow-x: auto;
    white-space: normal;
  }
  .us5asn {
    width: calc(100% - 28px);
    grid-template-columns: 1fr 1fr;
    gap: 42px;
  }
  .ur54oo {
    grid-column: 1/-1;
  }
  .uq4ykp {
    width: calc(100% - 28px);
  }
}
@media (max-width: 520px) {
  .uw5z8j .uf33d0 {
    width: 100%;
  }
  .uT9vrw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .uT9vrw li {
    margin: 0;
    padding: 0 8px;
    border-right: 0;
  }
  .uT9vrw strong {
    font-size: 14px;
  }
  .uT9vrw span {
    font-size: 9px;
  }
  .uK8cs5 {
    aspect-ratio: 1.55/1;
  }
  .uR9jjy ol {
    columns: 1;
  }
  .uE7c4b {
    font-size: 15px;
  }
  .uE7c4b th,
  .uE7c4b td {
    min-width: 145px;
    padding: 12px;
  }
  .uk3xwv {
    margin: 34px 0;
  }
  .uJ86o6 {
    grid-template-columns: 1fr;
  }
  .uJ86o6 .uG7oc9 {
    width: 54px;
    height: 54px;
    font-size: 16px;
  }
  .us5asn {
    grid-template-columns: 1fr;
  }
  .ur54oo {
    grid-column: auto;
  }
  .uq4ykp {
    gap: 20px;
    flex-direction: column;
  }
}