@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  scrollbar-gutter: stable;
}

button,
label {
  cursor: pointer;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --purple-92: #e628e6;
  --purple-58: #961edc;
  --purple-ab: #961edc;
  --purple-ce: #ce58f3;
  --linear-gradient: linear-gradient(90deg, #e628e6 26.01%, #961edc 95.76%);
  --linear-gradient-180: linear-gradient(
    180deg,
    #e628e6 26.01%,
    #961edc 95.76%
  );
  --linear-gradient-0: linear-gradient(-180deg, #e628e6 26.01%, #961edc 95.76%);
  --line-gradient-dark: linear-gradient(90deg, #5a2db3 26.01%, #ce58f3 95.76%);
  --grey: #6e79af;
  --grey-f7: #1a1f38;
  --grey-55: #f7f7f7;
  --grey-8b: #363f6e;
  --grey-ee: #eee;
  --grey-5d: #363f6e;
  --grey-9a: #9a99c2;
  --grey-74: #7480bc;
  --grey-c5: #c5c4e5;
  --grey-d3: #d3d3d3;
  --grey-d9: #d9d9d9;
  --grey-F5: #f5f5f5;
  --grey-cd: #cdcdcd;
  --grey-99: #9a99c2;
  --black: #22294b;
  --white: #fff;
  --background: #171c33;
  --green: #009393;
  --red: #f45555;
  --black-37: #373737;
  --black-55: #555;
  --black-36: #363636;
  --black-00: #000;
  --shadow: 0 0 9.4px 0 rgba(0, 0, 0, 0.6);
  color: var(--black);
  --font-family: "Manrope";
  --second-family: "";
  --container-width: 80rem;
  --container-padding-x: 0.9375rem;
  --transition-duration: 0.2s;
  --transition: all var(--transition-duration);
  --border-grey: 1px solid var(--grey-8b);
  --border-grey-ee-2: 2px solid var(--grey);
  --border-purple: 1px solid var(--purple-92);
}

.white:root {
  --purple-92: #e628e6;
  --purple-58: #961edc;
  --purple-ab: #961edc;
  --purple-ce: #ce58f3;
  --linear-gradient: linear-gradient(90deg, #3A8DFF 0%, #FF3C7E 100%);
  --linear-gradient-180: linear-gradient(180deg, #3A8DFF 0%, #FF3C7E 100%);
  --linear-gradient-0: linear-gradient(-180deg, #32e6a0 0%, #961edc 100%);
  --line-gradient-dark: linear-gradient(90deg, #32e6a0 0%, #961edc 100%);
  --grey-f7: #dde0f0;
  --grey-55: #1e285a;
  --grey-8b: #4a5580;
  --grey-ee: #d8daea;
  --grey-5d: #4a5580;
  --grey-9a: #6b74a0;
  --grey-74: #7480bc;
  --grey-c5: #8b94bf;
  --grey-d3: #1e285a;
  --grey-d9: #4a5580;
  --grey-F5: #f0f2fa;
  --grey-cd: #c5c8dc;
  --grey-99: #6b74a0;
  --black: #f0f2fa;
  --white: #1e285a;
  --background: #e8ebf8;
  --green: #009393;
  --red: #f45555;
  --black-37: #373737;
  --black-55: #555;
  --black-36: #363636;
  --black-00: #000;
  --shadow: 0 0 9.4px 0 rgba(0, 0, 0, 0.15);
  color: var(--white);
  --container-width: 80rem;
  --container-padding-x: 0.9375rem;
  --transition-duration: 0.2s;
  --transition: all var(--transition-duration);
  --border-grey: 1px solid var(--grey-8b);
  --border-grey-ee-2: 2px solid var(--grey);
  --border-purple: 1px solid var(--purple-92);
}

.container {
  width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

@media (width <=82.56125rem) {
  .container {
    width: 100%;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (width <=47.99875rem) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (width > 47.99875rem) {
  .visible-mobile {
    display: none !important;
  }
}

[id] {
  scroll-margin-top: 0.625rem;
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  font-size: clamp(0.875rem, 0.7944214876rem + 0.3305785124vw, 1.125rem);
  font-family: var(--font-family);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--black);
}

main {
  flex: 1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #000;
}

h1,
.h1 {
  font-size: 1.75rem;
}

h2,
.h2 {
  font-size: 1.5rem;
}

h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-size: 1.375rem;
}

a,
button,
label,
input,
textarea,
select,
svg * {
  transition-duration: var(--transition-duration);
}

:focus-visible {
  outline: 0.125rem dashed #000;
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
}

.header {
  width: 100%;
  padding: 2.1875rem 0 0.3125rem;
  position: relative;
}

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

.header__logo > img {
  width: 14.1875rem;
  height: 5.9375rem;
}

.logo-theme--light {
  display: none;
}

.white .logo-theme--dark {
  display: none;
}

.white .logo-theme--light {
  display: block;
}

@media (any-hover: hover) {
  .header__logo:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .header__logo:active {
    opacity: 0.8;
  }
}

.header__content {
  margin-top: 0.5rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.header__search {
  width: 2.0625rem;
  height: 2.0625rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--black-36) !important;
  border-radius: 50%;
  box-shadow: var(--shadow);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .header__search:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .header__search:active {
    opacity: 0.8;
  }
}

.header__search > img {
  width: 1.25rem;
  height: 1.25rem;
}

.header__menu ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.header__menu a {
  padding: 0.625rem;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .header__menu a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .header__menu a:active {
    opacity: 0.8;
  }
}

.header__menu a.is-active {
  color: var(--purple-92);
}


.header__phone {
  display: none;
}

@media (width <=77.5rem) {
  .header {
    padding: 1.8125rem 0 0.4375rem;
  }

  .header__content {
    display: none;
  }

  .header__logo > img {
    width: 7.5rem;
    height: 3.125rem;
  }

  .header__phone {
    display: flex;
    align-items: center;
    gap: 0.8125rem;
  }

  .header__phone-btn {
    border: none;
    width: 2rem;
    height: 2rem;
    background-color: var(--background);
    border-radius: 50%;
    transition: var(--transition);
  }

  .header__phone .theme-toggle {
    width: 2rem;
    height: 2rem;
  }
}

@media (width <=77.5rem) and (any-hover: hover) {
  .header__phone-btn:hover {
    opacity: 0.8;
  }
}

@media (width <=77.5rem) and (any-hover: none) {
  .header__phone-btn:active {
    opacity: 0.8;
  }
}

@media (width <=77.5rem) {
  .header__phone-btn.is-active {
    transform: rotate(90deg);
  }

  .header__phone-menu {
    border: none;
    width: 1.5625rem;
    height: 1.5625rem;
    background: none;
    transition: var(--transition);
  }
}

@media (width <=77.5rem) and (any-hover: hover) {
  .header__phone-menu:hover {
    opacity: 0.8;
  }
}

@media (width <=77.5rem) and (any-hover: none) {
  .header__phone-menu:active {
    opacity: 0.8;
  }
}

.phone-menu {
  display: none;
}

.phone-menu__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  pointer-events: none;
}

.phone-menu__wrapper.is-active {
  pointer-events: auto;
}

@media (width <=71.25rem) {
  .phone-menu {
    z-index: 10000;
    position: absolute;
    top: 0;
    right: -62.5rem;
    width: 23.125rem;
    padding: 1.875rem 1.25rem 2.5rem 1.875rem;
    display: flex;
    align-items: start;
    justify-content: space-between;
    background-color: var(--background);
    transition: var(--transition);
  }

  .phone-menu__btn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .phone-menu.is-active {
    right: 0;
  }

  .header__menu > ul {
    flex-direction: column;
    gap: 0;
  }

  .header__menu li {
    width: 100%;
  }

  .header__menu li:first-child a {
    padding-top: 0;
  }

  .header__menu li:last-child a {
    padding-bottom: 0;
  }

  .header__menu li:last-child a:after {
    display: none;
  }

  .header__menu a {
    display: inline-block;
    width: 100%;
    padding: 1.625rem 1.25rem;
    font-size: 1rem;
    position: relative;
  }

  .header__menu a.is-active {
    color: var(--purple-92);
  }

  .header__menu a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--linear-gradient);
  }
}

.btn {
  text-decoration: none;
  background: none;
  border: none;
  transition: all var(--transition-duration);
}

@media (any-hover: hover) {
  .btn:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .btn:active {
    opacity: 0.8;
  }
}

.btn--academy {
  padding: 0.59375rem 0.9375rem;
  font-weight: 500;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  border-radius: 1.25rem;
  color: var(--white);
  border: 2px solid var(--purple-92);
}

.btn--academy.is-active {
  padding: 0.71875rem 1.0625rem;
  background: var(--linear-gradient);
  border: none;
  color: #fff;
}

.btn--circle {
  flex-shrink: 0;
  width: 2.0625rem;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn--news {
  padding: 0.0625rem;
  border-radius: 1.25rem;
  display: flex;
  font-size: 0.75rem;
}

.btn--bor-grey {
  border: var(--border-grey);
}

.btn--gradient {
  background: var(--linear-gradient);
  color: var(--white);
}

.btn--border-gradient {
  background: var(--linear-gradient);
  color: var(--grey-55);
}

.btn--border-gradient span {
  padding: 0.5625rem 0.71875rem;
  background-color: var(--grey-f7);
  border-radius: 1.125rem;
}

.btn--border-gradient-white span {
  background-color: var(--white);
}

.btn--author {
  border-radius: 1.25rem;
  font-size: 0.75rem;
}

.btn--author-line {
  padding: 0.5rem 1.625rem;
  background: var(--linear-gradient);
  color: var(--grey-f7);
}

.btn--author-border {
  padding: 0.375rem 1.5rem;
  color: var(--grey-55);
  border: var(--border-purple);
}

.social {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.social__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--linear-gradient);
  border-radius: 50%;
  transition: all var(--transition-duration);
}

@media (any-hover: hover) {
  .social__btn:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .social__btn:active {
    opacity: 0.8;
  }
}

.menu {
  width: 1.875rem;
  aspect-ratio: 1;
  text-align: center;
}

.menu span {
  display: block;
  width: 1.5625rem;
  height: 0.125rem;
  background: var(--purple-92);
}

.menu span:not(:first-child) {
  margin-top: 0.4375rem;
}

.menu span:last-child {
  width: 1.25rem;
}

.modal {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.modal:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black);
  opacity: 0.4;
}

.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal__right {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: 10000;
  transition: all var(--transition-duration);
}

.modal__right.is-active {
  left: 0;
}

.video {
  height: 26.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  display: flex;
  color: var(--white);
  position: relative;
  cursor: pointer;
  transition: var(--transition-duration);
}

.video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video__content {
  z-index: -10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video__content video {
  width: 100%;
  height: 100%;
}

.video__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.video__preview:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--purple-92);
  opacity: 0.3;
  transition: var(--transition-duration);
}

.video__preview p {
  margin-top: 1.0625rem;
}

.video * {
  transition: var(--transition-duration);
}

.video:hover {
  color: var(--purple-92);
}

.video:hover .video__content:after {
  opacity: 0;
}

.video.is-active img,
.video.is-active .video__preview {
  opacity: 0;
  pointer-events: none;
}

.video.is-active .video__content {
  z-index: 1;
}

.footer {
  margin-top: 6.25rem;
  padding-top: 3.5rem;
  padding-bottom: 2.8125rem;
  background-color: var(--grey-f7);
}

.footer__top {
  display: flex;
  gap: 3.125rem;
}

.footer__start {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.footer__start-logo {
  transition: var(--transition);
}

.footer__start-logo > a {
  display: flex;
  justify-content: start;
  align-items: center;
}

.footer__start-logo > a > img {
  width: 10.125rem;
  height: 4.1875rem;
}

@media (any-hover: hover) {
  .footer__start-logo:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .footer__start-logo:active {
    opacity: 0.8;
  }
}

.footer__start-text {
  margin-top: 0.8125rem;
  font-size: 1rem;
  color: var(--grey-d9);
}

.footer__start-form {
  margin-top: 1.875rem;
  max-width: 600px;
  width: 100%;
}

.footer__start-form .b-unisender-form {
  padding: 0;
  display: flex;
  align-items: center;
  border-radius: 1.875rem;
  overflow: hidden;
  border-color: var(--purple-92);
  background-color: var(--grey-f7);
}

.footer__start-form .b-unisender-field {
  margin: 0;
  display: flex;
  align-items: center;
}

.footer__start-form .b-unisender-field__input {
  border: none;
  color: var(--white);
}

.footer__start-form .b-unisender-field__label {
  display: none;
}

.footer__start-form .b-unisender-form__main {
  width: 100%;
}

.footer__start-form
  .b-unisender-form
  .b-unisender-field[data-unisender-field-name="email"]
  .b-unisender-field__input,
.footer__start-form
  .b-unisender-form
  .b-unisender-checkbox[data-unisender-field-name="email"]
  .b-unisender-checkbox__input {
  margin: 0;
  border: none;
  background-color: var(--grey-f7);
}

.footer__start-form
  .b-unisender-form
  .b-unisender-field[data-unisender-field-name="email"],
.footer__start-form
  .b-unisender-form
  .b-unisender-checkbox[data-unisender-field-name="email"] {
  margin: 0;
}

.footer__start-form .b-unisender-field__error-text,
.footer__start-form [data-unisender-field-error] {
  display: none !important;
  pointer-events: none;
}

.show-message {
  padding-top: 10px;
  color: var(--red);
  font-size: 0.8125rem;
}

.footer__start-form .b-unisender-form .b-unisender-form__submit-button {
  height: 2.25rem !important;
  color: var(--black);
  background: var(--linear-gradient);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 700;
}

.footer__start-form .b-unisender-form__footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.footer__start-form .question__form-accept {
  margin-left: 0;
  margin-top: 0.75rem;
}

.footer__start-form .b-unisender-form__message_validation-error-text {
  border: none;
  color: red;
  font-size: 0.75rem;
  padding-top: 8px;
}

.footer__start-form .b-unisender-form__message_success-text {
  color: #fff;
  font-size: 0.75rem;
  padding: 0.5rem !important;
}

.footer__menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer__menu-item-two {
  display: flex;
  gap: 0.75rem;
}

.footer__menu-item-content {
  margin-top: 1.875rem;
  display: flex;
  gap: 1.3125rem;
}

.footer__menu-item-list {
  flex-shrink: 0;
  width: 12.25rem;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}

.footer__menu-item-list a {
  text-decoration: none;
  font-size: 0.875rem;
  color: var(--grey-d3);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .footer__menu-item-list a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .footer__menu-item-list a:active {
    color: var(--purple-92);
  }
}

.footer__title {
  font-weight: 700;
  font-size: 1rem;
  color: var(--purple-ce);
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.footer__title > span {
  width: 100%;
  height: 1px;
  background: var(--linear-gradient);
}

.footer__bottom {
  margin-top: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--grey-8b);
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.footer__social {
  padding-left: 0.875rem;
  display: flex;
  gap: 1rem;
}

.footer__social > a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}
.footer__social-icon {
  display: block;
  object-fit: contain;
}

.footer__social-icon--light {
  display: none;
}

.white .footer__social-icon--dark {
  display: none;
}

.white .footer__social-icon--light {
  display: block;
}

.white .footer__social > a > svg > path,
.white .footer__social > a > svg > g > path {
  fill: #1a1f38;
  stroke: #1a1f38;
}

.white .footer__social > a > svg > path,
.white .footer__social > a > svg > g > path {
  stroke: #1a1f38;
}

.white .footer__social > a > svg > path,
.white .footer__social > a > svg > g > path {
  fill: #1a1f38;
  stroke: #1a1f38;
}

@media (any-hover: hover) {
  .footer__social > a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .footer__social > a:active {
    opacity: 0.8;
  }
}

.footer__mail {
  text-decoration: none;
  font-size: 0.875rem;
  color: var(--grey-d3);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .footer__mail:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .footer__mail:active {
    color: var(--purple-92);
  }
}

@media (width <=82.56125rem) {
  .footer__menu {
    flex-wrap: wrap;
    gap: 1.875rem;
  }
}

@media (width <=63.99875rem) {
  .footer__menu {
    justify-content: center;
  }

  .footer__top {
    flex-wrap: wrap;
    gap: 1.875rem;
  }
}

@media (width <=30.06125rem) {
  .footer__menu-item-content,
  .footer__menu-item-two {
    flex-wrap: wrap;
  }

  .footer__menu-item-two {
    gap: 1.875rem;
  }

  .footer__menu-item-content {
    margin-top: 0.9375rem;
  }

  .footer__social {
    padding-left: 0;
  }
}

.page {
  margin-top: 1.25rem;
  padding-bottom: 3.5625rem;
}

.page--flex {
  display: flex;
  gap: 1.875rem;
}

@media (width <=63.99875rem) {
  .page {
    margin-top: 0.75rem;
  }
}

.main__left {
  flex-shrink: 0;
  width: 18.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
}

.main__chart {
  padding: 1.1875rem 1.375rem 1.6875rem;
  background-color: var(--grey-f7);
  border-radius: 1.25rem;
}

.main__chart-item:not(:first-child) {
  margin-top: 1.625rem;
}

.main__chart-item:not(:last-child) {
  padding-bottom: 1.75rem;
  border-bottom: var(--border-grey);
}

.main__chart-item--red .main__chart-value-text {
  color: var(--red);
}

.main__chart-item--red svg * {
  stroke: var(--red);
}

.main__chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 400;
}

.main__chart-header-left,
.main__chart-header-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main__chart-header-big {
  font-weight: 700;
}

.main__chart-header-grey {
  color: var(--grey-8b);
}

.main__chart-value {
  margin-top: 0.625rem;
  display: flex;
  align-items: end;
  gap: 0.1875rem;
}

.main__chart-value-img {
  width: 0.6875rem;
  height: 0.5rem;
}

.main__chart-value-text {
  font-weight: 400;
  font-size: 0.625rem;
  color: var(--green);
}

.main__chart-content {
  margin-top: 1.25rem;
  width: 100%;
  height: 3.5rem;
}

.main__banner {
  text-decoration: none;
  width: 100%;
  padding: 2.5rem;
  border-radius: 1.25rem;
  text-align: center;
  font-size: 1.5rem;
  color: var(--white);
  position: relative;
}

.main__banner img {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main__banner--small {
  height: 14.6875rem;
}

.main__banner--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main__banner--big {
  height: 31.5625rem;
}

@media (any-hover: hover) {
  .main__banner:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .main__banner:active {
    opacity: 0.8;
  }
}

.main__right {
  width: calc(100% - 20.5rem);
}

.main__content {
  display: flex;
  gap: 1.875rem;
}

.main__content:not(:first-child) {
  margin-top: 2.3125rem;
}

.main__content-center {
  width: 100%;
}

.main__content-news {
  margin-top: 2.3125rem;
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
}

.main__content-add {
  flex-shrink: 0;
  width: 18.4375rem;
  display: flex;
  flex-direction: column;
  gap: 3.3125rem;
}

@media (width <=82.56125rem) {
  .main__left {
    display: none;
  }

  .main__right,
  .main__container {
    width: 100%;
  }
}

@media (width <=63.99875rem) {
  .main__content-add {
    display: none;
  }
}

@media (width <=47.99875rem) {
  .main__content {
    margin-top: 1.875rem;
  }
}

.inst {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 2rem;
}

.inst .swiper-inst {
  width: 100%;
}

.inst__img {
  width: 4.6875rem;
  height: 4.6875rem;
  padding: 0.125rem;
  border-radius: 50%;
  background: var(--linear-gradient);
}

.inst__img img {
  width: 100%;
  height: 100%;
  border: 0.1875rem solid var(--background);
  border-radius: 50%;
  object-fit: cover;
}

.inst__text {
  font-size: 0.75rem;
  text-align: center;
  color: var(--grey-55);
  width: 10ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inst__btn {
  flex-shrink: 0;
  width: 4.6875rem;
  height: 4.6875rem;
  background-color: var(--grey-f7);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inst-arrow--light {
  display: none;
}

.white .inst-arrow--dark {
  display: none;
}

.white .inst-arrow--light {
  display: block;
}

.inst__modal {
  position: relative;
  margin: auto;
  max-width: 28.75rem;
  height: 100%;
}

.inst__modal-item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inst__modal-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
}

.inst__modal-item-content {
  max-height: 462px;
  width: 16.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: var(--grey-d9);
}

.inst__modal-item-link {
  text-decoration: none;
  padding: 0.4375rem 1.0625rem;
  background-color: var(--purple-92);
  border-radius: 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: var(--white);
}

.inst__modal-item-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.inst__modal .swiper-button-prev,
.inst__modal .swiper-button-next {
  top: calc(50% - 2.5rem);
  color: var(--white);
}

@media (width <=47.99875rem) {
  .inst__btn {
    display: none;
  }
}

@media (width < 100rem) {
  .inst__modal {
    padding-left: 0;
  }
}

.news__item-img {
  object-fit: cover;
}

.news__item-content {
  width: 100%;
}

.news__item-date {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.news__item-title {
  font-weight: 700;
  font-size: 1.3125rem;
}

.news__item-text {
  font-size: 0.875rem;
  line-height: 157%;
  color: var(--grey-55);
}

.news__item-btns {
  margin-top: 1.375rem;
  display: flex;
  justify-content: space-between;
}

.news__item-tags {
  list-style-type: none;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
}

.news__item-tags li:not(:first-child) {
  margin-left: 0.1875rem;
}

.news__item-tags a {
  text-decoration: none;
  color: var(--purple-92);
}

.news__item-tags a:before {
  content: "#";
}

@media (any-hover: hover) {
  .news__item-tags a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .news__item-tags a:active {
    opacity: 0.8;
  }
}

.news__item--big .news__item-img {
  width: 100%;
  height: 14.0625rem;
  border-radius: 1.25rem;
}

.news__item--big .news__item-content {
  margin-top: 1.8125rem;
  margin-left: 0.3125rem;
}

.news__item--big .news__item-title {
  margin-top: 0.8125rem;
}

.news__item--big .news__item-text {
  margin-top: 0.9375rem;
}

.news__item--middle {
  display: flex;
  border-radius: 1.25rem;
  overflow: hidden;
}

.news__item--middle .news__item-img {
  width: 12rem;
}

.news__item--middle .news__item-content {
  padding: 1.3125rem 1.125rem 1.0625rem 1.25rem;
  background-color: var(--grey-f7);
}

.news__item--middle .news__item-title {
  margin-top: 1.3125rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news__item--middle .news__item-text {
  margin-top: 1.4375rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news__add-title {
  font-weight: 700;
  font-size: 1rem;
  color: var(--grey-55);
}

.news__add-list {
  margin-top: 1.5rem;
  list-style-type: none;
}

.news__add-list li:not(:first-child) {
  margin-top: 0.625rem;
}

.news__add-list a {
  display: block;
  padding-left: 0.8125rem;
  text-decoration: none;
  position: relative;
}

.news__add-list a:before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 0.4375rem;
  aspect-ratio: 1;
  background: var(--purple-92);
  border-radius: 50%;
}

.news__add-list a:after {
  content: "";
  position: absolute;
  top: 1.5625rem;
  left: 0.1875rem;
  width: 0.0625rem;
  height: calc(100% - 1.5625rem);
  background: var(--purple-92);
}

@media (any-hover: hover) {
  .news__add-list a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .news__add-list a:active {
    opacity: 0.8;
  }
}

.news__add-list-title {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.news__add-list-text {
  margin-top: 0.6875rem;
  font-size: 0.875rem;
  line-height: 114%;
  color: var(--grey-55);
}

.news__footer {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1rem;
}

.news__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.news__loader:before,
.news__loader:after,
.news__loader span {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--purple-92);
  animation: blink 1.4s infinite ease-in-out both;
}

.news__loader span {
  display: inline-block;
}

.news__loader:before {
  animation-delay: -0.32s;
}

.news__loader span {
  animation-delay: -0.16s;
}

@keyframes blink {
  0%,
  80%,
  to {
    opacity: 0.3;
    transform: scale(0.8);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.news__loader.is-hide {
  opacity: 0;
}

.news__pagination {
  margin-top: 3.9375rem;
  display: flex;
  justify-content: center;
  align-items: start;
  border-top: 1px solid var(--grey-9a);
  position: relative;
}

.news__pagination-button {
  position: absolute;
  top: 0;
  margin-top: 1.5625rem;
  width: 1.9375rem;
  height: 1.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--grey-9a);
  border: var(--grey-9a);
  border-radius: 0.3125rem;
}

.news__pagination-button:first-child {
  left: 0;
}

.news__pagination-button:last-child {
  right: 0;
}

.news__pagination-button svg {
  pointer-events: none;
}

.news__pagination-button svg * {
  fill: var(--background);
}

.news__pagination-main {
  display: flex;
  gap: 0.625rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 143%;
  text-align: center;
  color: var(--black);
}

.news__pagination-main a {
  text-decoration: none;
  display: flex;
  padding: 0.6875rem 0.5625rem;
  color: var(--grey);
  position: relative;
}

@media (any-hover: hover) {
  .news__pagination-main a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .news__pagination-main a:active {
    opacity: 0.8;
  }
}

.news__pagination-main a.is-active {
  color: var(--purple-92);
}

.news__pagination-main a.is-active:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: var(--purple-92);
}

@media (width <=47.99875rem) {
  .news__item--big .news__item-img {
    height: 9rem;
  }

  .news__item--big .news__item-content {
    margin-left: 0.9375rem;
  }

  .news__item--big .news__item-date {
    font-size: 1rem;
  }

  .news__item--big .news__item-title {
    margin-top: 0.5625rem;
    font-size: 1.75rem;
    -webkit-line-clamp: 2;
  }

  .news__item--big .news__item-text {
    margin-top: 0.5rem;
    font-size: 1.125rem;
    line-height: 156%;
  }

  .news__item--big .news__item-btns {
    margin-top: 0.625rem;
    flex-direction: column-reverse;
    align-items: start;
    gap: 1.5625rem;
  }

  .news__item--middle {
    flex-direction: column;
  }

  .news__item--middle .news__item-img {
    width: 100%;
    height: 9rem;
  }
}

@media (width <=63.99875rem) {
  .news__pagination {
    margin-top: 1.5625rem;
    margin-bottom: 0.625rem;
  }
}

.paper__banner .crypt__start-title {
  padding: 0 !important;
  font-size: 1.75rem;
}

.paper__single-description {
  margin-top: 1.25rem;
  font-weight: 400px;
  font-size: 1rem;
  color: var(--grey-9a);
  line-height: 150%;
}

.paper__banner {
  margin-top: 1.875rem;
}

.paper__banner-img {
  width: 100%;
  aspect-ratio: 63/25;
  border-radius: 1.25rem;
  object-fit: cover;
  object-position: top;
}

.paper__banner-img iframe {
  margin: 0 !important;
}

.paper__banner-content {
  margin-top: 1.0625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: var(--grey);
}

.paper__banner-left {
  display: flex;
  align-items: center;
}

.paper__banner-name {
  text-decoration: none;
  padding-left: 0.4375rem;
  color: var(--grey);
}

@media (any-hover: hover) {
  .paper__banner-name:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__banner-name:active {
    color: var(--purple-92);
  }
}

.paper__banner-time {
  padding-left: 0.4375rem;
  display: flex;
  align-items: center;
}

.paper__banner-time span {
  padding-right: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.paper__banner-tag {
  list-style-type: none;
  display: flex;
  align-items: center;
}

.paper__banner-tag a {
  text-decoration: none;
  color: var(--grey-8b);
}

.paper__banner-tag a:before {
  padding-right: 0.125rem;
  content: "#";
}

@media (any-hover: hover) {
  .paper__banner-tag a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__banner-tag a:active {
    color: var(--purple-92);
  }
}

.paper__text {
  font-size: 1rem;
  color: var(--grey-55);
}

.paper__text:not(:first-child) {
  margin-top: 1.25rem;
}

.paper__text h1,
.paper__text h2,
.paper__text h3,
.paper__text h4,
.paper__text h5,
.paper__text h6 {
  color: var(--grey-55);
}

.paper__text a {
  text-decoration: underline;
  color: var(--grey-55);
}

@media (any-hover: hover) {
  .paper__text a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__text a:active {
    color: var(--purple-92);
  }
}

.paper__text h1,
.paper__text h2,
.paper__text h3,
.paper__text h4 {
  line-height: normal !important;
}

.paper__text ol {
  padding-left: 1.875rem;
}

.paper__text ol:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__text ul {
  padding-left: 1.875rem;
}

.paper__text ul:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__text p,
.paper__text li {
  color: var(--grey-9a);
  line-height: 150%;
}

.paper__title {
  font-size: 1.5rem;
  line-height: 92%;
  color: var(--white);
}

.paper__title:not(:first-child) {
  margin-top: 1.875rem;
}

.paper__img {
  width: 100%;
  border-radius: 1.25rem;
  object-fit: cover;
}

.paper__img:not(:first-child) {
  margin-top: 1.5625rem;
}

.paper__grey {
  font-size: 0.75rem;
  color: var(--grey-8b);
}

.paper__grey:not(:first-child) {
  margin-top: 0.9375rem;
}

.paper__grey a {
  color: var(--grey-8b);
}

@media (any-hover: hover) {
  .paper__grey a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__grey a:active {
    color: var(--purple-92);
  }
}

.paper__line {
  padding: 0.625rem 0 1rem 1.1875rem;
  font-style: italic;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 144%;
  color: var(--grey);
  position: relative;
}

.paper__line:not(:first-child) {
  margin-top: 1.25rem;
}

.paper__line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: var(--linear-gradient-180);
}

.paper__line a {
  color: var(--grey);
}

@media (any-hover: hover) {
  .paper__line a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__line a:active {
    color: var(--purple-92);
  }
}

.paper__tags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem 1.25rem;
  margin: 2.5rem 0;
}

.paper__tags a {
  display: inline-block;
  text-decoration: none;
  padding: 0.5rem 0.625rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
}

@media (any-hover: hover) {
  .paper__tags a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .paper__tags a:active {
    opacity: 0.8;
  }
}

.paper__tags .share {
  padding: 0.4375rem 1.8125rem;
  background: var(--background);
  border: 1px solid var(--purple-92);
}

.paper__separation {
  display: flex;
  align-items: center;
}

.paper__separation:not(:first-child) {
  margin-top: 2.5rem;
}

.paper__separation-line {
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient-0);
}

.paper__separation-icon {
  flex-shrink: 0;
  margin-left: 1rem;
  width: 1.625rem;
  height: 1.625rem;
}

.paper__video:not(:first-child) {
  margin-top: 2.5rem;
}

.paper__menu {
  list-style-type: none;
}

.paper__menu li:not(:first-child) {
  margin-top: 1.25rem;
}

.paper__menu a {
  text-decoration: none;
  font-size: 1rem;
  color: var(--black);
}

@media (any-hover: hover) {
  .paper__menu a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__menu a:active {
    color: var(--purple-92);
  }
}

.paper__menu div {
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.paper__menu div:not(:first-child) {
  margin-top: 1.25rem;
}

.paper__menu p {
  text-transform: uppercase;
  color: var(--purple-92);
}

.paper__author {
  position: relative;
  margin: 2.5rem 0;
  padding-top: 1.8125rem;
}

.paper__author:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--linear-gradient);
}

.paper__author-title {
  font-size: 1.3125rem;
  color: var(--grey-55);
}

.paper__author-title--next {
  margin-top: 1.8125rem;
}

.paper__author-wrapper {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 2.8125rem;
}

.paper__author-item {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.paper__author-img {
  flex-shrink: 0;
  width: 12.875rem;
  height: 12.875rem;
  border-radius: 20px;
  object-fit: cover;
}

.paper__author-link {
  text-decoration: none;
  font-size: 1.3125rem;
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .paper__author-link:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__author-link:active {
    color: var(--purple-92);
  }
}

.paper__author-text {
  margin-top: 1rem;
  max-width: 31.25rem;
  font-size: 0.875rem;
  color: var(--grey-55);
}

.paper__author-btn {
  display: inline-block;
  text-decoration: none;
  margin-top: 1.4375rem;
  padding: 0.40625rem 0.5625rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--grey-55);
  border: 1px solid var(--purple-92);
  border-radius: 20px;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .paper__author-btn:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .paper__author-btn:active {
    opacity: 0.8;
  }
}

.paper__content {
  padding: 1.25rem 0.375rem 1.25rem 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border: 1px solid var(--purple-58);
  border-radius: 20px;
  font-size: 1rem;
}

.paper__content-title {
  padding-left: 1.5625rem;
  color: var(--grey);
}

.paper__content-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-height: calc(100vh - 14rem);
  overflow-y: auto;
}

.paper__content-list.is-no-scroll {
  max-height: none;
  overflow-y: hidden;
}

.paper__content-list::-webkit-scrollbar {
  width: 8px;
}

.paper__content-list::-webkit-scrollbar-track {
  background: transparent;
}

.paper__content-list::-webkit-scrollbar-track-piece {
  background: var(--black-36);
  border-radius: 999px;
}

.paper__content-list::-webkit-scrollbar-thumb {
  background: var(--linear-gradient-180);
  border-radius: 999px;
  min-height: 22px;
}

@media (any-hover: hover) {
  .paper__content-list::-webkit-scrollbar-thumb:hover {
    filter: brightness(1.1);
  }
}

.paper__content-list li {
  padding-left: 1.5625rem;
  position: relative;
}

.paper__content-list li:before {
  content: "";
  position: absolute;
  top: 0.59375rem;
  left: 0;
  width: 1.25rem;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.paper__content-list a {
  text-decoration: none;
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .paper__content-list a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__content-list a:active {
    color: var(--purple-92);
  }
}

.paper__all {
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--white);
}

.paper__all h1,
.paper__all h2,
.paper__all h3,
.paper__all h4,
.paper__all h5,
.paper__all h6 {
  color: var(--grey-55);
}

.paper__all > * {
  margin-top: 1.625rem;
}

.paper__all a {
  text-decoration: underline;
  color: var(--grey-55);
}

@media (any-hover: hover) {
  .paper__all a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__all a:active {
    color: var(--purple-92);
  }
}

.paper__all blockquote {
  padding: 0.625rem 0 1rem 1.1875rem;
  position: relative;
}

.paper__all blockquote:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__all blockquote:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: var(--linear-gradient-180);
}

.paper__all .wp-caption.alignnone {
  width: 100% !important;
}

.paper__all .wp-caption.alignnone:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__all .wp-caption.alignnone img {
  width: 100% !important;
  border-radius: 1.25rem;
}

.paper__all .wp-caption.alignnone .wp-caption-text {
  font-size: 0.75rem;
  color: var(--grey);
}

.paper__all .wp-caption.alignnone .wp-caption-text:not(:first-child) {
  margin-top: 0.9375rem;
}

.paper__all .wp-caption.alignnone .wp-caption-text a {
  text-decoration: underline;
  color: var(--grey-55);
}

@media (any-hover: hover) {
  .paper__all .wp-caption.alignnone .wp-caption-text a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .paper__all .wp-caption.alignnone .wp-caption-text a:active {
    color: var(--purple-92);
  }
}

.paper__all img {
  width: 100%;
  border-radius: 1.25rem;
}

.paper__all .alignnone.size-full {
  border-radius: 20px;
}

.paper__all .alignnone.size-full:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__all ol {
  padding-left: 1.875rem;
}

.paper__all ol:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__all ul {
  padding-left: 1.875rem;
}

.paper__all ul:not(:first-child) {
  margin-top: 1.625rem;
}

.paper__all h1,
.paper__all h2,
.paper__all h3,
.paper__all h4 {
  line-height: normal !important;
  color: var(--white);
}

.paper__all p,
.paper__all li {
  color: var(--grey-9a);
  line-height: 150%;
}

@media (width <=30.06125rem) {
  .paper__author-item {
    flex-direction: column;
    align-items: start;
    gap: 1.25rem;
  }
}

.lawyer__start-title {
  font-size: 2.25rem;
  color: var(--grey-55);
}

.lawyer__start-text {
  margin-top: 0.9375rem;
  font-size: 1rem;
  color: var(--grey-8b);
}

.lawyer__news-title {
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--grey-55);
}

.lawyer__news-sub-title {
  margin-top: 1.0625rem;
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--purple-92);
}

.lawyer__news-sub-title-line {
  margin-left: 1.125rem;
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.lawyer__news-content {
  margin-top: 1.6875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  list-style-type: none;
}

.lawyer__news-content a {
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: var(--transition-duration);
}

@media (any-hover: hover) {
  .lawyer__news-content a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .lawyer__news-content a:active {
    opacity: 0.8;
  }
}

.lawyer__news-content-img {
  flex-shrink: 0;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 0.625rem;
  object-fit: cover;
}

.lawyer__news-content-block {
  margin-left: 0.8125rem;
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  font-size: 0.875rem;
  line-height: 114%;
  color: var(--grey-55);
}

.lawyer__news-content-block p:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lawyer__news-content-date {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.lawyer__item {
  margin-top: 1.875rem;
  padding: 1.375rem 2rem;
  border-radius: 1.25rem;
  background-color: var(--grey-f7);
}

.lawyer__item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lawyer__item-header-left {
  display: flex;
  align-items: center;
}

.lawyer__item-header-img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  object-fit: cover;
}

.lawyer__item-header-name {
  text-decoration: none;
  margin-left: 0.625rem;
  font-size: 0.75rem;
  color: var(--purple-92);
}

@media (any-hover: hover) {
  .lawyer__item-header-name:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .lawyer__item-header-name:active {
    opacity: 0.8;
  }
}

.lawyer__item-header-right {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--grey-8b);
}

.lawyer__item-header-right .paper__banner-time {
  padding-left: 1.25rem;
}

.lawyer__item-title {
  margin-top: 0.75rem;
  font-weight: 700;
  font-size: 1.3125rem;
  color: var(--black);
}

.lawyer__item-text {
  margin-top: 0.6875rem;
  font-size: 0.875rem;
  line-height: 143%;
  color: var(--grey-55);
}

.lawyer__item-footer {
  margin-top: 1.1875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.author {
  margin-top: 3.125rem;
  padding-bottom: 2.5rem;
}

.author__title {
  margin-top: 2.5rem;
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--grey-55);
}

.author__start {
  margin-top: 1.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.author__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.author__item-header {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}

.author__item-header-right-name {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.3125rem;
  color: var(--white);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.author__item-header-right-description {
  font-size: 0.75rem;
  color: var(--purple-92);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.author__item-img {
  flex-shrink: 0;
  overflow: hidden;
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--linear-gradient);
}

.author__item-img-wrapper {
  overflow: hidden;
  width: 4.4375rem;
  height: 4.4375rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background);
}

.author__item-img-content {
  overflow: hidden;
  width: 3.9375rem;
  height: 3.9375rem;
  border-radius: 50%;
  object-fit: cover;
}

.author__item-up-content {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.author__item-content {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  line-height: 143%;
  color: var(--grey-9a);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.author__item-social {
  margin-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}

.author__item-social-item {
  display: flex;
  align-items: center;
  gap: 0.46875rem;
  text-decoration: none;
}

.author__item-social-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--grey-55);
  display: flex;
  justify-content: center;
  align-items: center;
}

.author__item-social-text {
  font-size: 0.625rem;
  color: var(--white);
}

.author__item-button {
  margin-top: 1.625rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.author__item-button > .btn {
  flex-shrink: 0;
}

.author__item--grey {
  overflow: hidden;
  width: calc(50% - 0.9375rem);
  padding: 1.25rem 1.875rem 1.25rem 1.25rem;
  border-radius: 1.25rem;
  background-color: var(--background);
}

.author__item--grey .author__item-img-wrapper {
  background-color: var(--background);
}

.author__item--border {
  width: calc(50% - 0.04125rem);
  padding: 1.25rem 2.5rem;
  position: relative;
}

.author__item--border:after {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: -0.0625rem;
  width: 0.0625rem;
  height: calc(100% - 1.875rem);
  background-color: var(--grey-9a);
}

.author__item--border:before {
  content: "";
  position: absolute;
  left: 0.9375rem;
  bottom: 0;
  width: calc(100% - 1.875rem);
  height: 0.0625rem;
  background-color: var(--grey-9a);
}

.author__item--border:first-child,
.author__item--border:nth-child(odd) {
  padding-left: 0;
}

.author__item--border:first-child:after,
.author__item--border:nth-child(odd):after {
  display: none;
}

.author__item--border:nth-last-child(-n + 2):before {
  display: none;
}

.author__item--border .author__item-img-wrapper {
  background-color: var(--background);
}

.author__item--dark {
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1.25rem;
  background-color: var(--grey-f7);
}

.author__item--dark .author__item-content,
.author__item--dark .author__item-social,
.author__item--dark .author__item-button {
  margin-top: 0;
}

.author__next {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.author__next-content {
  display: flex;
  flex-wrap: wrap;
}

.author__single-start {
  margin: 1.875rem 0;
  display: flex;
  gap: 1.875rem;
}

.author__single-start-img {
  flex-shrink: 0;
  object-fit: cover;
  width: 25rem;
  aspect-ratio: 1;
  border-radius: 20px;
}

.author__single-start-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.author__single-start-top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.author__single-start-bottom {
  display: flex;
  gap: 1.25rem;
}

.author__single-start-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--grey-55);
}

.author__single-start-description {
  font-size: 0.75rem;
  color: var(--grey-d9);
}

.author__single-start-add-title {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.author__single-start-spheres {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.author__single-start-list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem 1.875rem;
  font-size: 0.75rem;
  color: var(--grey-d9);
}

.author__single-start-list li {
  width: calc(50% - 0.9375rem);
  padding-left: 0.625rem;
  position: relative;
}

.author__single-start-call {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5625rem;
}

.author__single-start-call li {
  position: relative;
}

.author__single-start-call li:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 0.0625rem);
  left: -0.3125rem;
  width: 0.125rem;
  height: 0.125rem;
  background: var(--grey-d9);
  border-radius: 50%;
}

.author__single-start-call a {
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .author__single-start-call a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .author__single-start-call a:active {
    opacity: 0.8;
  }
}

.author__single-start-link {
  flex-shrink: 0;
  padding: 0.4375rem 0.6875rem;
  text-decoration: none;
  font-size: 0.75rem;
  color: var(--white);
  border-radius: 20px;
  border: 1px solid var(--purple-92);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .author__single-start-link:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .author__single-start-link:active {
    opacity: 0.8;
  }
}

.author__single-about {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.author__single-about-title {
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--grey-55);
}

.author__single-about-text {
  font-size: 0.75rem;
  color: var(--grey-d9);
}

.author__single-articles {
  margin-top: 3.125rem;
}

.author__single-articles-title {
  font-size: 1.3125rem;
  color: var(--grey-55);
}

.author__single-articles-main {
  margin-top: 1.875rem;
  padding: 2.5rem;
  background-color: var(--black);
  border-radius: 20px;
  background: var(--background);
}

.author__single-articles-control {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.author__single-articles-control a {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  font-size: 0.75rem;
  color: var(--white);
  border-radius: 20px;
  border: 1px solid var(--purple-92);
  transition: var(--transition);
}

.author__single-articles-control a.is-active {
  border: none;
  background: var(--linear-gradient);
}
.white .author__single-articles-control a.is-active {
  color: #fff;
}

@media (any-hover: hover) {
  .author__single-articles-control a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .author__single-articles-control a:active {
    opacity: 0.8;
  }
}

.author__single-articles-type {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}

.author__single-content {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.author__single-pagination.is-hide {
  display: none;
}

.author__question {
  margin-top: 2.5rem;
}

.author__question-title {
  font-size: 1.75rem;
  color: var(--grey-55);
}

@media (width <=63.99875rem) {
  .author__single-start {
    flex-direction: column;
  }

  .author__single-start-img {
    margin: auto;
    width: 100%;
    max-width: 25rem;
  }

  .author__single-start-bottom {
    margin-top: 0.625rem;
  }
}

@media (width <=47.99875rem) {
  .author__single-start-list {
    flex-direction: column;
  }

  .author__single-start-list li {
    width: 100%;
    padding-left: 0;
  }

  .author__single-start-bottom {
    flex-wrap: wrap;
    gap: 0.625rem;
  }

  .author__item--grey,
  .author__item--border {
    width: 100%;
  }

  .author__item--border {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .author__item--border:nth-child(odd) {
    padding-left: 1.25rem;
  }

  .author__item--border:after {
    display: none;
  }

  .author__item--border:nth-last-child(-n + 2):before {
    display: block;
  }

  .author__item--border:last-child:before {
    display: none;
  }
}

.global {
  display: flex;
  gap: 1.875rem;
}

.global__left {
  padding-top: 2.40625rem;
  width: 18.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.global__left-wrapper {
  position: sticky;
  top: 10px;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.global__left-menu-title {
  color: var(--grey-55);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.global__left-menu-subtitle {
  margin-top: 1.0625rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--purple-ce);
  text-transform: uppercase;
}

.global__left-menu-subtitle > span {
  width: 100%;
  height: 1px;
  background: var(--purple-ce);
}

.global__left-menu-content {
  margin-top: 1.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.global__left-menu-content-item {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.8125rem;
}

.global__left-menu-content-img {
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 0.625rem;
  object-fit: cover;
  object-position: center;
}

.global__left-menu-content-main {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
}

.global__left-menu-content-title {
  font-size: 0.75rem;
  font-style: normal;
  color: var(--purple-ce);
}

.global__left-menu-content-description {
  font-size: 0.875rem;
  line-height: 1rem;
  color: var(--grey-55);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.global__right {
  width: calc(100% - 20.375rem);
}

@media (width <=77.5rem) {
  .global {
    flex-direction: column;
  }

  .global__left,
  .global__right {
    width: 100%;
  }

  .global__left {
    position: static;
    margin: 0 calc(var(--container-padding-x) * -1);
    width: calc(100% + var(--container-padding-x) * 2);
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: var(--transition);
    background-color: var(--background);
    padding: 0;
  }

  .global__left-wrapper {
    width: 100%;
    padding: 1.25rem var(--container-padding-x) 2.5rem
      var(--container-padding-x);
  }
}

.crypt__menu {
  list-style-type: none;
  padding-top: 2.4375rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.crypt__menu:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.crypt__menu a {
  text-decoration: none;
  font-size: 1rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .crypt__menu a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .crypt__menu a:active {
    color: var(--purple-92);
  }
}

.crypt__menu a.is-active {
  color: var(--purple-92);
}

.crypt__change {
  display: none !important;
  padding: 2.5625rem 2.1875rem;
  border: 1px solid var(--black-37);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

.crypt__change-title {
  font-size: 0.875rem;
  text-align: center;
  color: var(--purple-92);
}

.crypt__change-description {
  max-width: 12.25rem;
  font-size: 0.75rem;
  text-align: center;
  color: var(--black-55);
}

.crypt__change-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.8125rem;
}

.crypt__change-toggle {
  padding: 0.125rem;
  border-radius: 69px;
  background-color: var(--grey-f7);
}

.crypt__change-toggle-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.crypt__change-toggle-header-money {
  width: 2.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crypt__change-toggle-header-type {
  font-size: 0.875rem;
  text-align: center;
  color: var(--grey-d9);
}

.crypt__change-toggle-open {
  width: 2.875rem;
  height: 2.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background);
  border-radius: 50%;
  border: 1.216px solid var(--black-36);
  transition: var(--transition);
}

.crypt__change-toggle-open-color {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--linear-gradient);
  border-radius: 50%;
}

.crypt__change-toggle-open-icon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: var(--background);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (any-hover: hover) {
  .crypt__change-toggle-open:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .crypt__change-toggle-open:active {
    opacity: 0.8;
  }
}

.crypt__change-input {
  height: 3.125rem;
  border-radius: 69px;
  background-color: var(--grey-f7);
  border: none;
  font-size: 0.875rem;
  text-align: center;
  color: var(--grey-d9);
}

.crypt__change-input::-webkit-outer-spin-button,
.crypt__change-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.crypt__change-input {
  -moz-appearance: textfield;
}

.crypt__change-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .crypt__change-switch:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .crypt__change-switch:active {
    opacity: 0.8;
  }
}

.crypt__start-wrapper {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.crypt__start-wrapper .crypt__start-next {
  margin-top: 0;
}

.crypt__start-wrapper--video {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.crypt__start-wrapper--video .academy__video {
  width: calc(33.33% - 0.833125rem);
}

.single-question .crypt__start-wrapper {
  flex-direction: column;
}

.crypt__start-wrapper--events {
  flex-direction: row;
  gap: 1rem;
}

.crypt__start-header {
  margin-top: 0.625rem;
  margin-bottom: 2.5rem;
  min-height: 10.25rem;
  position: relative;
}

.crypt__start-header-title {
  max-width: 44.1875rem;
  font-size: 3rem;
  color: var(--purple-92);
}

.crypt__start-header-title--white {
  color: var(--white) !important;
}

@media (any-hover: hover) {
  .crypt__start-header-title--white:hover {
    color: var(--white) !important;
  }
}

@media (any-hover: none) {
  .crypt__start-header-title--white:active {
    color: var(--white) !important;
  }
}

.crypt__start-header-text {
  margin-top: 1.125rem;
  max-width: 44.1875rem;
  font-size: 1rem;
  color: var(--grey-c5);
}

.crypt__start-header-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 12.375rem;
  height: 12.375rem;
}

.crypt__start-next {
  margin-top: 4.375rem;
}

.crypt__start-img {
  width: 100%;
  height: 23.375rem;
  border-radius: 20px;
  object-fit: cover;
}

.crypt__start-description {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.crypt__start-parameters {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  font-size: 0.75rem;
  color: var(--grey-9a);
}

.crypt__start-parameters li {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.crypt__start-parameters a {
  text-decoration: none;
  color: var(--grey-9a);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .crypt__start-parameters a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .crypt__start-parameters a:active {
    color: var(--purple-92);
  }
}

.crypt__start-tags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem 1.25rem;
}

.crypt__start-tags a {
  text-decoration: none;
  font-size: 0.75rem;
  color: var(--purple-ce);
  transition: var(--transition);
}

.crypt__start-tags a:before {
  content: "#";
}

@media (any-hover: hover) {
  .crypt__start-tags a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .crypt__start-tags a:active {
    opacity: 0.8;
  }
}

.crypt__start-title {
  display: inline-block;
  margin-top: 1.25rem;
  text-decoration: none;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .crypt__start-title:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .crypt__start-title:active {
    color: var(--purple-92);
  }
}

.crypt__start-title--white {
  color: var(--white) !important;
}

@media (any-hover: hover) {
  .crypt__start-title--white:hover {
    color: var(--white) !important;
  }
}

@media (any-hover: none) {
  .crypt__start-title--white:active {
    color: var(--white) !important;
  }
}

.crypt__start-text {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--grey-c5);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crypt__start-no-img .crypt__start-title {
  margin: 0;
}

.crypt__news {
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}

.crypt__news-wrapper {
  margin-top: 4.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.crypt__news-wrapper--page {
  margin-top: 1.25rem;
}

.crypt__news-img {
  width: 24rem;
  min-height: 15rem;
  object-fit: cover;
  object-position: center;
}

.crypt__news-main {
  width: calc(100% - 24rem);
  padding: 1.875rem 1.25rem 1.875rem 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--background);
}

.crypt__news-main .author__single-start-link {
  border-color: var(--grey-8b);
}

.crypt__news-top {
  display: flex;
  flex-direction: column;
  gap: 1.0625rem;
}

.crypt__news-title {
  text-decoration: none;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--white);
  transition: var(--transition);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (any-hover: hover) {
  .crypt__news-title:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .crypt__news-title:active {
    color: var(--purple-92);
  }
}

.crypt__news-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  align-self: stretch;
  color: var(--grey-c5);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crypt__news-btn {
  display: inline-block;
  padding: 0.875rem 2.0625rem;
  text-decoration: none;
  font-size: 1rem;
  color: #fff;
  background: var(--linear-gradient);
  border-radius: 26.25px;
  transition: var(--transition);
}

.crypt__news-btn-wrapper {
  margin-top: 3.125rem;
  display: flex;
  justify-content: center;
}

@media (any-hover: hover) {
  .crypt__news-btn:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .crypt__news-btn:active {
    opacity: 0.8;
  }
}

.crypt__news.width .crypt__news-main {
  width: 100%;
}

.crypt__header {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1.375rem;
}

.crypt__header-icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.crypt__header-text {
  flex-shrink: 0;
  font-size: 2.25rem;
  color: var(--grey);
}

.crypt__header-line {
  width: 100%;
  height: 1px;
  background-color: var(--grey);
}

.crypt__longreads-wrapper {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.4375rem;
}

.crypt__longreads-item {
  width: calc(50% - 0.71875rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.crypt__longreads-item h3 a {
  display: flex;
}

.crypt__longreads-img {
  width: 100%;
  aspect-ratio: 76/43;
  border-radius: 24.715px;
  object-fit: cover;
}

.crypt__longreads-link {
  text-decoration: none;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .crypt__longreads-link:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .crypt__longreads-link:active {
    color: var(--purple-92);
  }
}

.crypt__longreads-text {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--grey-c5);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (width <=77.5rem) {
  .crypt__menu {
    padding: 0;
    gap: 0;
  }

  .crypt__menu:before {
    display: none;
  }

  .crypt__menu li > a {
    display: block;
    width: 100%;
    padding: 0.625rem 0;
    text-align: center;
  }

  .crypt__menu li:not(:last-child) {
    position: relative;
  }

  .crypt__menu li:not(:last-child):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--linear-gradient);
  }
}

@media (width <=63.99875rem) {
  .crypt__start-header-img {
    display: none;
  }

  .crypt__start-wrapper--video {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25rem;
  }

  .crypt__start-wrapper--video .academy__video {
    width: calc(50% - 0.625rem);
  }
}

@media (width <=47.99875rem) {
  .crypt__start-header-img {
    display: none;
  }

  .crypt__start-next {
    padding-bottom: 1.25rem;
    border-radius: 1.25rem;
    overflow: hidden;
    background-color: var(--background);
  }

  .crypt__start-img {
    width: 100%;
    height: auto;
    aspect-ratio: 2.6/1;
    border-radius: 0;
  }

  .crypt__start-description {
    margin-top: 1.25rem;
    padding: 0 1.25rem;
    flex-wrap: wrap;
    gap: 1.25rem;
  }

  .crypt__start-title {
    padding: 0 1.25rem;
    font-size: 1.5rem;
  }

  .crypt__start-title--single {
    padding: 0;
  }
}

@media (width <=47.99875rem) and (any-hover: hover) {
  .crypt__start-title--white:hover {
    color: var(--white);
  }
}

@media (width <=47.99875rem) and (any-hover: none) {
  .crypt__start-title--white:active {
    color: var(--white);
  }
}

@media (width <=47.99875rem) {
  .crypt__start-text {
    padding: 0 1.25rem 1.25rem;
    color: var(--grey);
  }

  .crypt__news {
    flex-direction: column;
  }

  .crypt__news-img {
    width: 100%;
    height: auto;
    aspect-ratio: 2.6/1;
  }

  .crypt__news-main {
    width: 100%;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

  .crypt__news-top {
    gap: 1.25rem;
  }

  .crypt__news-top .crypt__news-title {
    order: 2;
  }

  .crypt__news-top .crypt__start-parameters {
    order: 1;
  }

  .crypt__news-top .crypt__news-text {
    order: 3;
    color: var(--grey);
  }

  .crypt__longreads-item {
    width: 100%;
    padding-bottom: 1.25rem;
    border-radius: 1.25rem;
    overflow: hidden;
    background-color: var(--background);
  }

  .crypt__longreads-img {
    width: 100%;
    height: auto;
    aspect-ratio: 2.6/1;
    border-radius: 0;
  }

  .crypt__longreads-item .crypt__start-parameters,
  .crypt__longreads-item .crypt__longreads-link,
  .crypt__longreads-item .crypt__longreads-text,
  .crypt__longreads-item .crypt__start-tags {
    padding: 0 1.25rem;
  }

  .crypt__start-tags {
    gap: 0.9375rem;
  }

  .crypt__start-header-title {
    font-size: 1.75rem;
  }

  .crypt__start-header-text {
    font-size: 0.875rem;
  }

  .crypt__start-header {
    margin-bottom: 1.875rem;
    min-height: auto;
  }

  .crypt__start-wrapper {
    gap: 1.875rem;
  }

  .crypt__header-text {
    font-size: 1.3125rem;
  }

  .crypt__start-wrapper--video .academy__video {
    width: 100%;
  }
}

.breadcrumbs {
  margin-top: 1.25rem;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.breadcrumbs li {
  padding-right: 0.9375rem;
  font-size: 0.625rem;
  line-height: 0.625rem;
  position: relative;
}

.breadcrumbs li:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 0.3125rem;
  height: 0.5rem;
  background-image: url(./svg/breadcrumbs-arrow.svg);
  background-size: cover;
}

.breadcrumbs li:last-child {
  pointer-events: none;
}

.breadcrumbs li:last-child:after {
  display: none;
}

.breadcrumbs a {
  text-decoration: none;
  text-transform: uppercase;
  color: var(--grey);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs__current {
  color: var(--grey);
  text-transform: uppercase;
}
@media (any-hover: hover) {
  .breadcrumbs a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .breadcrumbs a:active {
    color: var(--purple-92);
  }
}

.podcasts__wrapper {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.podcasts__start {
  width: calc(50% - 0.9375rem);
  border-radius: 20px;
  padding-bottom: 10rem;
  overflow: hidden;
  position: relative;
}

.podcasts__start-img {
  width: 100%;
  height: 17.5rem;
  object-fit: cover;
  object-position: center;
}

.podcasts__start-content {
  z-index: 10;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10.3125rem;
  padding: 1.25rem 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.podcasts__start-content:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--grey-f7);
  transition: var(--transition);
}

.podcasts__start-top {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.podcasts__start-top .crypt__start-tags {
  gap: 0.5rem;
}

.podcasts__start-link {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  color: var(--white);
  transition: var(--transition);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (any-hover: hover) {
  .podcasts__start-link:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .podcasts__start-link:active {
    color: var(--purple-92);
  }
}

.podcasts__start-bottom {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: var(--purple-ce);
}

.podcasts__start-start {
  position: absolute;
  top: -2.1875rem;
  right: 2.5rem;
}

.podcasts__start-play {
  width: 3.4375rem;
  height: 3.4375rem;
  padding: 0.125rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0625rem solid var(--black-36);
  background: var(--grey-f7);
}

.podcasts__start-play-color {
  width: 100%;
  height: 100%;
  padding: 0.1875rem;
  background: var(--linear-gradient);
  border-radius: 50%;
  overflow: hidden;
}

.podcasts__start-play-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--grey-f7);
  border-radius: 50%;
  overflow: hidden;
}

.podcasts__start-play-icon svg:first-child {
  margin-right: -3px;
}

@keyframes glow {
  0%,
  to {
    filter: drop-shadow(0 0 5px var(--white));
    transform: scale(1);
  }

  50% {
    filter: drop-shadow(0 0 15px var(--white));
    transform: scale(1.1);
  }
}

@media (any-hover: hover) {
  .podcasts__start-play:hover svg {
    animation: glow 2s infinite ease-in-out;
  }
}

@media (any-hover: none) {
  .podcasts__start-play:active svg {
    animation: glow 2s infinite ease-in-out;
  }
}

.podcasts__start-next {
  pointer-events: none;
  z-index: 11;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10.3125rem;
  padding: 1.25rem 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--grey-f7);
  opacity: 0;
}

.podcasts__start-next > * {
  opacity: 0;
}

.podcasts__start-next .podcasts__start-link {
  color: var(--white);
}

.podcasts__start-next .podcasts__start-top {
  gap: 0;
}

.podcasts__start-control {
  margin-top: 1rem;
}

.podcasts__start-control-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.podcasts__start-control-speed {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375rem;
}

.podcasts__start-control-speed > button {
  background: none;
  min-width: 1.3rem;
  padding: 0.125rem 0.3125rem;
  border: 1px solid var(--purple-92);
  border-radius: 1rem;
  font-size: 0.4375rem;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (any-hover: hover) {
  .podcasts__start-control-speed > button:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .podcasts__start-control-speed > button:active {
    opacity: 0.8;
  }
}

.podcasts__start-control-speed > button:nth-child(2) {
  padding: 0.0625rem 0.375rem;
  font-size: 0.75rem;
  border-radius: 1.25rem;
}

.podcasts__start-control-log {
  margin-top: 0.75rem;
  height: 1.0625rem;
  position: relative;
}

.podcasts__start-control-log-point {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  background: var(--grey-F5);
  border: none;
}

@media (any-hover: hover) {
  .podcasts__start-control-log-point:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .podcasts__start-control-log-point:active {
    opacity: 0.8;
  }
}

.podcasts__start-control-log:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--linear-gradient);
  border-radius: 0.5px;
  z-index: -1;
}

.podcasts__start-control-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

@media (any-hover: hover) {
  .podcasts__start-control-btn > button:hover {
    opacity: 0.8;
  }

  .podcasts__start-control-btn > button:hover svg {
    scale: 1.1;
  }
}

@media (any-hover: none) {
  .podcasts__start-control-btn > button:active {
    opacity: 0.8;
  }

  .podcasts__start-control-btn > button:active svg {
    scale: 1.1;
  }
}

.podcasts__start-control-btn-big {
  width: 4.5rem;
  height: 4.5rem;
  padding: 0.0625rem;
  border: 2px solid var(--black-36);
  background: var(--background);
  border-radius: 50%;
}

.podcasts__start-control-btn-big-color {
  width: 100%;
  height: 100%;
  padding: 0.1875rem;
  border-radius: 50%;
  background: var(--linear-gradient);
}

.podcasts__start-control-btn-big-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background);
}

.podcasts__start-control-btn-big-icon > svg {
  margin-right: -3px;
}

.podcasts__start-control-btn-middle {
  width: 2.875rem;
  height: 2.875rem;
  padding: 0.25rem;
  border: 1px solid var(--black-36);
  background: var(--background);
  border-radius: 50%;
}

.podcasts__start-control-btn-middle-color {
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  border-radius: 50%;
  background: var(--linear-gradient);
}

.podcasts__start-control-btn-middle-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background);
}

.podcasts__start-control-btn-small {
  width: 1.375rem;
  height: 1.375rem;
  padding: 0.0625rem;
  background: var(--linear-gradient);
  border-radius: 50%;
  border: none;
}

.podcasts__start-control-btn-small-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background);
}

.podcasts__start-control-time {
  width: 100%;
  font-size: 0.75rem;
  color: var(--purple-ab);
  display: flex;
  justify-content: end;
}

.podcasts__start * {
  transition: var(--transition);
}

.podcasts__start:hover {
  background: var(--linear-gradient);
}

.podcasts__start:hover .podcasts__start-content:after {
  opacity: 0;
}

.podcasts__start:hover .podcasts__start-content .podcasts__start-bottom {
  color: var(--white);
}

.podcasts__start-audio {
  display: none;
}

.podcasts__start.is-active .podcasts__start-img {
  filter: blur(5px);
}

.podcasts__start.is-active .podcasts__start-next {
  pointer-events: auto;
  opacity: 1;
  height: 15rem;
}

.podcasts__start.is-active .podcasts__start-next > * {
  opacity: 1;
}

.podcasts__single {
  margin-top: 1.25rem;
}

.podcasts__single-start {
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.podcasts__single-img {
  height: 23.125rem;
  object-fit: cover;
}

.podcasts__single-content {
  padding: 1.25rem 1.25rem 0.875rem;
  background-color: var(--background);
}

.podcasts__single-header {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.podcasts__single-speed {
  margin-top: 1.0625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}

.podcasts__single-speed > button {
  background: none;
  min-width: 1.5625rem;
  padding: 0.125rem 0.3125rem;
  border: 1px solid var(--purple-92);
  border-radius: 1rem;
  font-size: 0.4375rem;
  color: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (any-hover: hover) {
  .podcasts__single-speed > button:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .podcasts__single-speed > button:active {
    opacity: 0.8;
  }
}

.podcasts__single-speed > button:nth-child(2) {
  padding: 0.0625rem 0.375rem;
  font-size: 0.75rem;
  border-radius: 1.25rem;
}

.podcasts__single-log {
  margin-top: 0.75rem;
  height: 1.875rem;
  position: relative;
}

.podcasts__single-log-point {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: var(--grey-F5);
  border: none;
}

@media (any-hover: hover) {
  .podcasts__single-log-point:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .podcasts__single-log-point:active {
    opacity: 0.8;
  }
}

.podcasts__single-log:after {
  content: "";
  position: absolute;
  top: 14.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--linear-gradient);
  border-radius: 0.5px;
}

.podcasts__single-controller {
  margin-top: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.25rem;
}

.podcasts__single-controller-center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}

.podcasts__single-controller button:hover svg {
  scale: 1.1;
}

.podcasts__single-description {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: var(--purple-92);
}

.podcasts__single-audio {
  display: none;
}

.podcasts__content {
  margin-top: 1.875rem;
}

@media (width <=47.99875rem) {
  .podcasts__start {
    width: 100%;
  }
}

@media (width <=47.99875rem) {
  .podcasts__single-img {
    width: 100%;
    height: auto;
    aspect-ratio: 63/25;
  }

  .podcasts__single-controller {
    gap: 1.875rem;
  }

  .podcasts__start-control-btn-small {
    flex-shrink: 0;
  }
}

.community__news-wrapper {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.community__news-header {
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
}

.community__news-name {
  text-decoration: none;
  padding: 0.5rem 0.625rem;
  font-size: 0.75rem;
  color: var(--white);
  background-color: var(--grey);
  border-radius: 1.25rem;
  transition: var(--transition);
}
.white .community__news-name {
   background-color: #acb5dc;
}

@media (any-hover: hover) {
  .community__news-name:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .community__news-name:active {
    opacity: 0.8;
  }
}

.community__news-footer {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}

.community__question {
  padding: 1.875rem;
  background-color: var(--grey-f7);
  border-radius: 1.25rem;
}

.community__question-wrapper {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.community__question-header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.community__question-img {
  flex-shrink: 0;
  width: 3.125rem;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.community__question-date {
  font-size: 0.75rem;
  color: var(--grey);
}

.community__question-title {
  text-decoration: none;
  display: inline-block;
  margin-top: 1.25rem;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--white);
}

.community__question-description {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--grey-c5);
}

.community__question-footer {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.community__question-right {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.community__question .author__single-start-link {
  border-color: var(--grey-8b);
}

.community__event {
  width: calc(50% - 0.46875rem);
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: var(--grey-f7);
}

.community__event-wrapper {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
}

.community__event-banner {
  position: relative;
  height: 16.25rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.community__event-date {
  z-index: 10;
  position: absolute;
  top: 1.25rem;
  right: 1.5625rem;
  padding: 0.875rem 1.6875rem;
  border-radius: 1.25rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
}

.community__event-date:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: var(--grey-f7);
  z-index: -1;
}

.community__event-date-number {
  font-size: 3rem;
  color: var(--purple-92);
}

.community__event-date-name {
  font-size: 0.75rem;
  color: var(--purple-92);
}

.community__event-content {
  padding: 1.0625rem 1.25rem 4.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.community__event-place {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: var(--purple-92);
}

.community__event-place-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.community__event-title {
  text-decoration: none;
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--white);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community__event-description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--grey-c5);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community__vacancy {
  width: calc(33.33% - 1.25rem);
  padding: 1.875rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background-color: var(--grey-f7);
  border-radius: 1.25rem;
}

.community__vacancy-title {
  height: 2.625rem;
  display: flex;
  align-items: end;
}

.community__vacancy-title > a {
  text-decoration: none;
  font-size: 1.3125rem;
  color: var(--white);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.community__vacancy-tags {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.community__vacancy-tags > li {
  position: relative;
}

.community__vacancy-tags > li:not(:first-child):after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  left: -5.5px;
  width: 1px;
  aspect-ratio: 1;
  background-color: var(--grey-8b);
}

.community__vacancy-tags a {
  text-decoration: none;
  color: var(--grey-8b);
}

.community__vacancy-description {
  height: 2.3125rem;
  font-size: 1rem;
  color: var(--white);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (width <=77.5rem) {
  .community__event-banner {
    height: 27vw;
  }
}

@media (width <=47.99875rem) {
  .community__event {
    width: 100%;
  }

  .community__event-banner {
    height: 53vw;
  }
}

.question__slider {
  margin-top: 2.5rem;
}

.question__slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.question__slider-header-btns {
  display: flex;
  gap: 0.3125rem;
}

.question__slider-header-btns-item {
  width: 2rem;
  height: 2rem;
  background-color: var(--background);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .question__slider-header-btns-item:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .question__slider-header-btns-item:active {
    opacity: 0.8;
  }
}

.question__slider-title {
  font-size: 1.75rem;
  color: var(--grey-55);
}

.question__slider-wrapper {
  overflow: hidden;
  margin-top: 1.25rem;
  padding-bottom: 2.5rem;
  position: relative;
}

.question__slider-wrapper .swiper-pagination-bullet {
  width: 0.8125rem;
  height: 0.8125rem;
  background: var(--black-36);
  opacity: 1;
}

.question__slider-wrapper
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--purple-92);
}

.question__form {
  margin: 3.125rem auto 0;
  width: 26.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.question__form-title {
  font-size: 1.3125rem;
  color: var(--grey-d9);
}

.question__form-main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.question__form-select {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--grey-8b);
  border-radius: 1.25rem;
  overflow: hidden;
  font-size: 0.75rem;
}

.question__form-select:after {
  content: "";
  position: absolute; 
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.white .question__form-select:after{
  background: none;
}
 

.question__form-select-arrow {
  position: absolute;
  top: 0.7375rem;
  right: 0.7375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: var(--transition);
}

.question__form-select-input {
  display: none;
}

.question__form-select-button {
  padding: 0.5rem 0.75rem;
  text-align: start;
  color: var(--white);
}

.question__form-select-wrapper {
  height: 0;
  overflow: hidden;
}

.question__form-select-list {
  list-style-type: none;
  padding: 0.3125rem 0;
  display: flex;
  flex-direction: column;
}

.question__form-select-list button {
  width: 100%;
  padding: 0.3125rem 0.625rem;
  color: var(--white);
  text-align: start;
}

.question__form-select.is-active .question__form-select-arrow {
  transform: rotate(180deg);
}

.question__form-select.is-pick .question__form-select-button {
  color: var(--white);
}

.question__form-item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.question__form-item-text {
  margin-left: 0.75rem;
  font-size: 0.75rem;
  color: var(--grey-d9);
}

.question__form-item.is-false .question__form-select,
.question__form-item.is-false .question__form-input,
.question__form-item.is-false .question__form-textarea {
  border-color: var(--red);
}

.question__form-input {
  outline: none;
  padding: 0.5rem 0.75rem;
  background: none;
  border: 1px solid var(--grey-8b);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
  background: #0003;
}

.question__form-input::placeholder {
  color: var(--white);
}

.question__form-textarea {
  outline: none;
  height: 8.125rem;
  padding: 0.5rem 0.75rem;
  background: none;
  resize: none;
  border: 1px solid var(--grey-8b);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
  background: var(--grey-f7);
}
.white .question__form-input {
  background: var(--grey-f7);
}

.white .question__form-input:not(:placeholder-shown),
.white .question__form-input:-webkit-autofill,
.white .question__form-input:-webkit-autofill:hover,
.white .question__form-input:-webkit-autofill:focus {
  background: #f0f2fa;
  -webkit-box-shadow: 0 0 0 1000px #f0f2fa inset;
  -webkit-text-fill-color: var(--white);
}

.question__form-textarea::placeholder {
  color: var(--white);
}

.question__form-submit {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  color: var(--white);
  border-radius: 1.25rem;
}

.question__form-accept {
  margin-left: 4px;
  display: flex;
  gap: 0.5rem;
}

.question__form-accept-btn {
  flex-shrink: 0;
  margin-top: 0.1875rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  border: 1px solid var(--purple-92);
  background: none;
}

.question__form-accept-btn.is-active {
  background: var(--purple-92);
}

.question__form-accept-text {
  font-size: 0.75rem;
  color: var(--grey-9a);
}

.question__form-accept-text a {
  text-decoration: none;
  color: var(--grey-9a);
}

@media (any-hover: hover) {
  .question__form-accept-text a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .question__form-accept-text a:active {
    opacity: 0.8;
  }
}

.question__form-accept-input {
  display: none;
}

@media (width <=47.99875rem) {
  .question__form {
    width: 100%;
  }
}

.regulation__wrapper {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.regulation__item {
  background-color: var(--grey-f7);
  border-radius: 1.25rem;
}

.regulation__item-main {
  display: flex;
  align-items: flex-start;
}

.regulation__item-image-link {
    width: 24rem;
    object-fit: cover;
    object-position: center;
}

.regulation__item-img {
  max-width: 14rem;
  min-height: 14rem;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 0.75rem 0 0 0.75rem;
  display: block;
}

.regulation__item-body {
  min-width: 0;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.0625rem;
}

.regulation__item-link {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.3125rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .regulation__item-link:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .regulation__item-link:active {
    color: var(--purple-92);
  }
}

.regulation__item-description {
  max-width: 52rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--grey-99);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (width <=47.99875rem) {
  .regulation__item-main {
    flex-direction: column;
    gap: 0.875rem;
  }

  .regulation__item-image-link {
    width: 100%;
    min-width: 0;
  }

  .regulation__item-img {
    aspect-ratio: 16/9;
  }
}

.regulation-laws {
  padding: 1.875rem 1.25rem;
  background-color: var(--black);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  position: relative;
}

.regulation-laws:before {
  content: "";
  position: absolute;
  top: -0.96875rem;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.regulation-laws__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--white);
}

.regulation-laws__search {
  position: relative;
  height: 2rem;
  width: 100%;
  border: 1px solid var(--purple-92);
  border-radius: 1.25rem;
  display: flex;
}

.regulation-laws__search input {
  width: calc(100% - 6.0625rem);
  padding: 0.53125rem 1rem;
  font-size: 12px;
  color: var(--white);
  background: none;
  border: none;
  outline: none;
}

.regulation-laws__search input::placeholder {
  color: var(--grey-8b);
}

.regulation-laws__search button {
  position: absolute;
  top: -1px;
  right: 0;
  height: calc(100% + 2px);
  width: 6.0625rem;
  padding: 0.5rem 1.4375rem 0.5rem 0.9375rem;
  background: var(--linear-gradient);
  border-radius: 20px;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  font-size: 12px;
  color: white;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .regulation-laws__search button:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .regulation-laws__search button:active {
    opacity: 0.8;
  }
}

.regulation-laws__wrapper {
  overflow: auto;
  max-height: 75rem;
  padding-right: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.regulation-laws__wrapper::-webkit-scrollbar {
  width: 8px;
}

.regulation-laws__wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.regulation-laws__wrapper::-webkit-scrollbar-track-piece {
  background: var(--black-36);
  border-radius: 999px;
}

.regulation-laws__wrapper::-webkit-scrollbar-thumb {
  background: var(--linear-gradient-180);
  border-radius: 999px;
  min-height: 22px;
}

.regulation-laws__wrapper::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.1);
}

.regulation-laws__item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.regulation-laws__item-title {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  text-decoration-line: underline;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .regulation-laws__item-title:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .regulation-laws__item-title:active {
    color: var(--purple-92);
  }
}

.regulation-laws__item-description {
  font-size: 0.875rem;
  color: var(--grey-99);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.academy__wrapper {
  width: 100%;
}

.academy__banner {
  position: relative;
  margin-top: 1.25rem;
  width: 100%;
  padding: 2.875rem 0 2.125rem 4.6875rem;
  background: #000000b3;
  border-radius: 1.25rem;
  overflow: hidden;
}

.academy__banner:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./img/academy.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.academy__banner-content {
  max-width: 48.9375rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  color: var(--white);
}



.white .academy__banner-content .academy__banner-title,
.white .academy__banner-content .academy__banner-text {
  color: #fff;
}

.academy__banner-title {
  margin: 0;
  font-size: 2.25rem;
  color: var(--white);
}

.academy__banner-title span {
  font-weight: 700;
}

.academy__banner-text {
  font-size: 1rem;
}

.academy__banner-icon {
  width: 12.375rem;
  height: 12.375rem;
  position: absolute;
  top: 0;
  right: 2.5625rem;
  background: url(./img/academy-icon.png) #d3d3d3 50% / cover no-repeat;
  background-blend-mode: plus-lighter;
}

.academy__banner--single {
  height: 12.375rem;
  background: #0000004d;
}

.academy__banner--single .academy__banner-content {
  height: 100%;
  justify-content: center;
}

.academy__banner--single .academy__banner-title {
  font-weight: 400;
}

.academy__banner--single:after {
  background-image: url(./img/academy-single.png);
}

.academy__content {
  margin-top: 1.875rem;
  display: flex;
  flex-direction: column;
}

.academy__tabs {
  padding: 0 2.5rem;
  display: flex;
}

.academy__tabs ul {
  list-style-type: none;
  display: flex;
  gap: 0.125rem;
}

.academy__tabs li:first-child a {
  border-radius: 1.25rem 0 0;
  overflow: hidden;
}

.academy__tabs li:last-child a {
  border-radius: 0 1.25rem 0 0;
  overflow: hidden;
}

.academy__tabs li.is-hide {
  position: relative;
}

.academy__tabs li.is-hide:after {
  position: absolute;
  top: -0.25rem;
  right: -1.125rem;
  content: "";
  width: 3.5rem;
  height: 0.875rem;
  background-color: var(--purple-92);
  border-radius: 9.545px;
  background-image: url(./svg/soon.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.academy__tabs a {
  display: inline-block;
  text-decoration: none;
  height: 100%;
  padding: 0.5rem 1.875rem;
  background: var(--grey-f7);
  font-size: 1rem;
  color: var(--grey-d9);
  transition: var(--transition);
}

.white .academy__tabs a {
  color: #1a1f38;
}
.white .academy__tabs a.is-active  {
  color: #fff;
}

@media (any-hover: hover) {
  .academy__tabs a:hover {
    background: var(--linear-gradient);
  }
}

@media (any-hover: none) {
  .academy__tabs a:active {
    background: var(--linear-gradient);
  }
}

.academy__tabs a.is-active {
  background: var(--linear-gradient);
  pointer-events: none;
}

.academy__tabs a.is-hide {
  pointer-events: none;
  color: var(--grey);
}

.academy__sub-tabs ul {
  list-style-type: none;
}

.academy__main {
  padding: 2.5rem;
  border: 1px solid var(--purple-92);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.academy__blocs {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.academy__news {
  width: 100%;
}

.academy__news-tag {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.academy__news-tag-icon {
  width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  border: 1px solid var(--purple-92);
}

.academy__news-tag-text {
  font-size: 0.75rem;
  color: var(--white);
}

.academy__news-tag.is-hard .academy__news-tag-icon {
  background-color: var(--purple-92);
}

.academy__news .crypt__news-main {
  gap: 1.25rem;
}

.academy__news .community__news-header {
  margin: 0;
}

.academy__video {
  width: calc(33.3% - 1.66625rem);
}

.academy__video-header {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.25rem;
  overflow: hidden;
}

.academy__video-header-img {
  width: 100%;
}

.academy__video-header-author {
  text-decoration: none;
  position: absolute;
  left: 0.5625rem;
  bottom: 0.5625rem;
  padding: 0.25rem 0.375rem;
  background-color: var(--grey);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .academy__video-header-author:hover {
    opacity: 0.9;
  }
}

@media (any-hover: none) {
  .academy__video-header-author:active {
    opacity: 0.9;
  }
}

.academy__video-header:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./svg/play-video.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .academy__video-header:hover:after {
    opacity: 1;
  }
}

@media (any-hover: none) {
  .academy__video-header:active:after {
    opacity: 1;
  }
}

.academy__video-main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.academy__video-link {
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .academy__video-link:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .academy__video-link:active {
    color: var(--purple-92);
  }
}

@media (width <=63.99875rem) {
  .academy__main {
    padding: 1.25rem;
    gap: 1.25rem;
  }

  .academy__blocs {
    gap: 1.25rem;
  }

  .academy__video {
    width: calc(50% - 0.625rem);
  }
}

@media (width <=47.99875rem) {
  .academy__banner {
    height: auto;
    min-height: 7.5rem;
    padding: 1.875rem 1.25rem;
  }

  .academy__banner-title {
    font-size: 1.875rem;
  }

  .author__single-articles-control {
    gap: 0.9375rem;
  }

  .academy__video {
    width: 100%;
  }

  .academy__tabs a {
    padding: 0.5rem 0.625rem;
  }
}

.about {
  margin-top: 2.5rem;
}

.about__link {
  list-style-type: none;
  padding: 0.625rem;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}

.about__link a {
  text-decoration: none;
  padding: 0.625rem;
  font-size: 1rem;
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .about__link a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .about__link a:active {
    color: var(--purple-92);
  }
}

.about__mission {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}

.about__mission-title {
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--grey-55);
}

.about__mission-text {
  max-width: 53.0625rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--white);
}

.about__mission-text > p {
  margin-top: 1.25rem;
}

.about__mission-text span {
  font-weight: 600;
}

.about__team {
  margin-top: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.about__team-title {
  font-size: 1.3125rem;
  font-weight: 700;
  color: var(--grey-55);
  text-align: center;
}

.about__team-main {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

.about__team-item {
  width: calc(50% - 1.25rem);
  padding: 3.75rem;
  background-color: var(--background);
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.about__team-item-img {
  flex-shrink: 0;
  width: 8.625rem;
  height: 8.625rem;
  padding: 0.1875rem;
  background: var(--linear-gradient);
  border-radius: 50%;
}

.about__team-item-img-black {
  width: 100%;
  height: 100%;
  padding: 0.1875rem;
  background-color: var(--black);
  border-radius: 50%;
}

.about__team-item-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.about__team-item-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.about__team-item-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.about__team-item-name {
  font-weight: 700;
  font-size: 1.3125rem;
  color: var(--grey-55);
}

.about__team-item-job {
  font-size: 1.125rem;
  color: var(--grey-55);
}

.about__team-item-footer {
  font-size: 1rem;
  color: var(--grey-55);
}

.about__prequel {
  margin-top: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--grey-55);
}

.about__prequel-title {
  font-size: 1.3125rem;
  font-weight: 700;
  text-align: center;
}

.about__prequel-text {
  max-width: 45.75rem;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
}

.about__call {
  margin-top: 2.5rem;
  padding: 1.875rem;
  background-color: var(--background);
  border-radius: 1.25rem;
  display: flex;
  gap: 1.875rem;
}

.about__call-left {
  width: calc(40% - 0.9375rem);
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.about__call-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.about__call-title {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1.375rem;
  color: var(--grey-55);
}

.about__call-text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--grey-55);
}

.about__call-link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--purple-92);
  transition: var(--transition);
}

.about__call-link:after {
  content: "↗";
}

@media (any-hover: hover) {
  .about__call-link:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .about__call-link:active {
    opacity: 0.8;
  }
}

.about__call-right {
  width: calc(60% - 0.9375rem);
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.about__call-header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
}

.about__call-header-left {
  width: 68%;
}

.about__call-header-right {
  flex-shrink: 0;
}

.about__call-header-link {
  display: inline-block;
  padding: 1.25rem 1.5625rem;
  border-radius: 1.625rem;
  background: var(--linear-gradient);
  text-decoration: none;
  font-size: 1rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .about__call-header-link:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .about__call-header-link:active {
    opacity: 0.8;
  }
}

.about__call-map {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
}

@media (width <=82.56125rem) {
  .about__team-item {
    padding: 1.875rem;
  }
}

@media (width <=63.99875rem) {
  .about__team-item,
  .about__call {
    flex-direction: column;
  }

  .about__call-left,
  .about__call-right {
    width: 100%;
  }

  .about__call-map {
    height: 15.625rem;
  }
}

@media (width <=47.99875rem) {
  .about__team-main {
    gap: 1.25rem;
  }

  .about__team-item {
    width: 100%;
    flex-direction: row;
  }

  .about__team-item-header {
    align-items: center;
  }

  .about__team-item-name,
  .about__team-item-footer {
    text-align: center;
  }
}

@media (width <=30.06125rem) {
  .about__team-item {
    flex-direction: column;
    align-items: center;
  }

  .about__call-header {
    flex-direction: column;
    align-items: start;
  }
}

.start__first {
  width: 100%;
}

.start__first-title {
  font-size: 3rem;
  color: var(--white);
}

.start__first-main {
  margin-top: 1.875rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: var(--black);
  display: flex;
  gap: 1.875rem;
  background-color: var(--background);
}

.start__first-main .crypt__start-text {
  -webkit-line-clamp: 100;
}

.start__first-left {
  width: 100%;
}

.start__first-left-item {
  width: 100%;
  height: 100%;
  display: none;
}

.start__first-left-item.is-active {
  display: block;
}

.start__first-left-img {
  width: 100%;
  height: 28.75rem;
  object-fit: cover;
}

.start__first-left-content {
  height: calc(100% - 28.75rem);
  padding: 1.25rem 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.start__first-left-top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.start__first-left-top > * {
  margin: 0;
}

.start__first-left-bottom {
  margin-top: 1.875rem;
}

.start__first-left-bottom > * {
  margin: 0;
}

.start__first-right {
  flex-shrink: 0;
  width: 26.25rem;
  height: 100%;
}

.start__first-list {
  list-style-type: none;
}

.start__first-list li {
  position: relative;
}

.start__first-list li:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--grey);
}

.start__first-list a {
  display: block;
  padding: 1.875rem 1.25rem;
  text-align: start;
  font-size: 1rem;
  font-weight: 700;
  color: var(--grey-55);
  transition: var(--transition);
}

.start__first-list a.is-active,
.start__header .crypt__header-text {
  color: var(--purple-92);
}

.start__header .crypt__header-text > span {
  color: var(--purple-6E);
}

.start__header .crypt__header-line {
  background: var(--grey);
}

.start__text {
  margin-top: 1rem;
  font-size: 1rem;
  color: var(--white);
}

.start__content {
  margin-top: 1.9375rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.start__content .academy__video {
  width: calc(50% - 0.9375rem);
}

.start__content .crypt__news {
  width: 100%;
}

.start__content .crypt__longreads-item,
.start__content .community__event {
  width: calc(50% - 0.9375rem);
}

@media (width <=63.99875rem) {
  .start__first-title {
    font-size: 2.25rem;
  }

  .start__first-left-content .crypt__start-title,
  .start__first-left-content .crypt__start-text {
    padding: 0;
  }

  .start__first-left-img {
    height: auto;
    aspect-ratio: 63/25;
  }

  .start__first-main {
    flex-direction: column;
    padding-bottom: 1.25rem;
  }

  .start__first-list {
    padding: 0 1.25rem;
  }

  .start__first-list a {
    width: 100%;
    padding: 1rem;
    text-align: center;
  }

  .start__first-left,
  .start__first-right {
    width: 100%;
  }
}

@media (width <=47.99875rem) {
  .start__content .crypt__longreads-item,
  .start__content .community__event,
  .start__content .academy__video {
    width: 100%;
  }
}

@media (width <=30.06125rem) {
  .start__first-list a {
    text-align: start;
  }
}

.modal-new {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition);
}

.modal-new:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-00);
  opacity: 0.8;
}

.modal-new.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal-new__item {
  display: none;
}

.modal-new__item.is-active {
  display: block;
}

.modal-new__social {
  position: relative;
  padding: 2.875rem 2.5rem;
  border-radius: 20px;
  background-color: var(--black);
  border: 1px solid var(--purple-92);
}

.modal-new__social-close {
  position: absolute;
  top: 1.0625rem;
  right: 1.25rem;
  cursor: pointer;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .modal-new__social-close:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .modal-new__social-close:active {
    opacity: 0.8;
  }
}

.modal-new__social-title {
  color: var(--white);
  text-align: center;
}

.modal-new__social-content {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 3rem;
}

.modal-new__social-item {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
}

@media (any-hover: hover) {
  .modal-new__social-item:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .modal-new__social-item:active {
    opacity: 0.8;
  }
}

.modal-single {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

.modal-single:after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-00);
  opacity: 0.8;
}

.modal-single.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal-single__form-action {
  max-width: 37.5rem;
  width: 100%;
  padding: 5.875rem;
  border-radius: 1.25rem;
  background: var(--grey-5d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.125rem;
}

.modal-single__form-action-img {
  width: 11.875rem;
}

.modal-single__form-action-text {
  font-size: clamp(1.5rem, 1.2582644628rem + 0.9917355372vw, 2.25rem);
  color: var(--grey-d9);
  text-align: center;
}

.modal-single__form {
  padding: 1.875rem;
  border-radius: 1.25rem;
  background: var(--grey-5d);
}

.modal-single__search {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.modal-single__search-header {
  width: 100%;
  padding: 0.625rem 1.25rem;
  background-color: var(--background);
  border-radius: 1.25rem;
  border: 1px solid var(--grey-8b);
  display: flex;
  gap: 0.625rem;
}

.modal-single__search-header-input {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  color: var(--white);
}

.modal-single__search-header-input::placeholder {
  color: var(--white);
}

.modal-single__search-header-btn {
  width: 2.0625rem;
  height: 2.0625rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--grey-8b);
}

.modal-single__search-content {
  display: none;
  max-height: 22.5rem;
  width: 100%;
  padding: 0.625rem 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid var(--grey-8b);
  padding: 1.875rem;
  background-color: var(--background);
  border-radius: 1.25rem 0.625rem 0.625rem 1.25rem;
  overflow: auto;
}

.modal-single__search-content.is-active {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.modal-single__search-content::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}

.modal-single__search-content::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 0.625rem;
}

.modal-single__search-content::-webkit-scrollbar-thumb {
  background: var(--grey-8b);
  border-radius: 0.625rem;
  border: 2px solid #f3f4f6;
}

.modal-single__search-item {
  text-decoration: none;
  font-size: clamp(1.125rem, 0.923553719rem + 0.826446281vw, 1.75rem);
  font-weight: 700;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .modal-single__search-item:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .modal-single__search-item:active {
    color: var(--purple-92);
  }
}

@media (width <=47.99875rem) {
  .modal-single__search {
    margin: 0 var(--container-padding-x);
    width: 100%;
  }
}

.converter {
  padding: 1.875rem 0.9375rem 3.125rem 1.25rem;
  border: 1px solid var(--purple-58);
  background-color: var(--background);
  border-radius: 1.25rem;
}

.converter__title {
  text-align: center;
  font-size: 1.125rem;
  color: var(--white);
}

.converter__main {
  position: relative;
  margin-top: 2.375rem;
}

.converter__main-open {
  position: relative;
  width: 100%;
  height: 3.125rem;
  padding: 0 1.125rem;
  border: 1px solid var(--purple-58);
  background-color: var(--black);
  color: var(--grey-d9);
  border-radius: 4.3125rem;
  font-size: 0.875rem;
  text-align: start;
}

.converter__main-open:after {
  transition: var(--transition);
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  height: calc(100% - 2px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-image: url(./svg/converter.svg);
  background-size: auto;
  background-position: center;
}

.white .converter__main-open:after {
  background-image: url(./svg/converter-light.svg);
}

.converter__main-open.is-active:after {
  transform: rotate(180deg);
}

.converter__main-wrapper {
  z-index: 100;
  overflow: hidden;
  position: absolute;
  top: 3.4375rem;
  left: 0;
  width: 100%;
  height: 0;
  transition: var(--transition);
}

.converter__main-content {
  max-height: 8.125rem;
  padding: 0 1.125rem;
  border: 1px solid var(--purple-58);
  background-color: var(--black);
  color: var(--grey-d9);
  border-radius: 1.25rem;
  overflow: auto;
}

.converter__main-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.converter__main-content * {
  scrollbar-width: none;
}

.converter__main-content * {
  -ms-overflow-style: none;
}

.converter__main-list button {
  width: 100%;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: var(--grey-d9);
}

.converter__form {
  margin-top: 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.converter__form-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.converter__form-item-img {
  position: absolute;
  top: 9px;
  right: 9px;
  height: 32px;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
}

.converter__form-item-img.is-hide {
  display: none;
}

.converter__form-item:nth-child(2) {
  margin: 1rem 0;
}

.white .converter [data-js-converter-revers] svg path {
  stroke: #222b46;
}

.converter__form-input {
  pointer-events: none;
  outline: none;
  height: 3.125rem;
  padding: 0 3.125rem 0 1.125rem;
  border: 1px solid var(--purple-58);
  background-color: var(--black);
  color: var(--grey-d9);
  border-radius: 4.3125rem;
}

.converter__form-input::placeholder {
  color: var(--grey-d9);
}

.converter__form-input::-webkit-inner-spin-button,
.converter__form-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.converter__form-input {
  -moz-appearance: textfield;
}

.converter__form-input.is-active {
  pointer-events: auto;
}

.converter__footer {
  margin-top: 0.8125rem;
  padding-left: 0.1875rem;
  font-size: 0.75rem;
  color: var(--grey-74);
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.3125rem;
}

.converter__footer p {
  color: var(--white);
}

.line {
  margin-top: 1.875rem;
  overflow: hidden;
  width: 100%;
}

.line__track {
  display: flex;
  width: max-content;
  animation: line-marquee 130s linear infinite;
  will-change: transform;
  display: none;
}

.line__track.is-active,
.line__group {
  display: flex;
}

.line__item {
  position: relative;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  flex: 0 0 auto;
}

.line__item-img {
  width: 2.125rem;
  height: 2.125rem;
}

.line__item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
}

.line__item:after {
  content: "";
  position: absolute;
  top: 0.34375rem;
  left: 0.03125rem;
  width: 0.0625rem;
  height: calc(100% - 0.6875rem);
  background-color: var(--grey-74);
}

.line__item-top,
.line__item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

.line__item-name,
.line__item-short,
.line__item-price {
  font-size: 0.75rem;
  color: var(--grey-55);
}

.line__item-short {
  font-weight: 300;
}

.line__item-prec {
  font-size: 0.75rem;
  color: var(--grey-55);
}

.line__item-prec.red {
  color: var(--red);
}

.line__item-prec.green {
  color: var(--green);
}

@keyframes line-marquee {
  to {
    transform: translate(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .line__track {
    animation: none;
    transform: none;
  }
}

.vacancies__header {
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.vacancies__header-line {
  width: 18.3125rem;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.vacancies__header-breadcrumbs .breadcrumbs {
  margin: 0;
}

.vacancies__counter {
  margin-top: 3.75rem;
  display: flex;
  justify-content: center;
}

.vacancies__counter-value {
  padding: 0.4375rem 0.6875rem;
  border: 1px solid var(--purple-ce);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
}

.vacancies__line {
  margin-top: 3.75rem;
  width: 100%;
  height: 0.0625rem;
  background: var(--linear-gradient);
}

.vacancies__title {
  margin-top: 1.875rem;
  font-size: 1.3125rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--grey-55);
}

.vacancies__main {
  margin-top: 3.125rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.vacancies__main-item {
  text-decoration: none;
  width: calc(25% - 1.40625rem);
  padding: 1.875rem;
  background: var(--background);
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.vacancies__main-item-icon {
  width: 7.1875rem;
  height: 7.875rem;
}

.vacancies__main-item-title {
  font-size: 1.3125rem;
  color: var(--grey-d9);
  text-align: center;
}

.vacancies__main-item-description {
  font-size: 1rem;
  color: var(--grey-9a);
  text-align: center;
}

.vacancies__main-item-counter {
  height: 1.875rem;
  padding: 0.4375rem 0.6875rem;
  border: 0.0625rem solid var(--purple-ce);
  border-radius: 20px;
  font-size: 0.75rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__main-item:hover .vacancies__main-item-counter {
    padding: 0.5rem 0.75rem;
    border: none;
    background: var(--line-gradient-dark);
  }
}

@media (any-hover: none) {
  .vacancies__main-item:active .vacancies__main-item-counter {
    padding: 0.5rem 0.75rem;
    border: none;
    background: var(--line-gradient-dark);
  }
}

.vacancies__short {
  margin-top: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem;
}

.vacancies__short-item {
  text-decoration: none;
  width: calc(33.33% - 1.25rem);
  padding: 1.875rem 2.5rem;
  border-radius: 20px;
  background: var(--background);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.vacancies__short-item-title {
  height: 3.125rem;
  font-size: 1.3125rem;
  color: var(--white);
  display: flex;
  align-items: end;
  transition: var(--transition);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vacancies__short-item-tags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.vacancies__short-item-tags li {
  font-size: 0.875rem;
  color: var(--grey-9a);
}

.vacancies__short-item-tags li:not(:first-child) {
  position: relative;
  padding-left: 0.875rem;
}

.vacancies__short-item-tags li:not(:first-child):after {
  width: 0.125rem;
  height: 0.125rem;
  content: "";
  position: absolute;
  top: calc(50% - 0.03125rem);
  left: 0.4375rem;
  background-color: var(--grey-9a);
  border-radius: 50%;
}

.vacancies__short-item-description {
  font-size: 1rem;
  color: var(--grey-d9);
}

@media (any-hover: hover) {
  .vacancies__short-item:hover .vacancies__short-item-title {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .vacancies__short-item:active .vacancies__short-item-title {
    color: var(--purple-92);
  }
}

@media (width <=75rem) {
  .vacancies__main-item {
    width: calc(33.33% - 1.25rem);
  }
}

@media (width <=68.75rem) {
  .vacancies__main-item,
  .vacancies__short-item {
    width: calc(50% - 0.9375rem);
  }
}

@media (width <=47.99875rem) {
  .vacancies__main {
    gap: 1.25rem;
  }

  .vacancies__main-item {
    width: 100%;
  }

  .vacancies__short {
    gap: 1.25rem;
  }

  .vacancies__short-item {
    width: 100%;
  }
}

.vacancies__list-header {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}

.vacancies__list-header .breadcrumbs {
  margin: 0;
}

.vacancies__list-link {
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  background: var(--grey-9a);
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__list-link:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .vacancies__list-link:active {
    opacity: 0.8;
  }
}

.vacancies__list-wrapper {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}

.vacancies__list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vacancies__list-item:not(:last-child) {
  padding-bottom: 1.875rem;
}

.vacancies__list-item:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--grey-8b);
}

.vacancies__list-item-title {
  text-decoration: none;
  font-size: 1.3125rem;
  color: var(--grey-d9);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__list-item-title:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .vacancies__list-item-title:active {
    color: var(--purple-92);
  }
}

.vacancies__list-item-description {
  font-size: 1rem;
  color: var(--grey-d9);
}

@media (width <=47.99875rem) {
  .vacancies__list-header {
    flex-direction: column;
    align-items: start;
  }
}

.vacancies__single {
  margin-top: 1.875rem;
}

.vacancies__single-header {
  position: relative;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.vacancies__single-header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background: var(--grey-8b);
}

.vacancies__single-title {
  font-size: 1.3125rem;
  color: var(--grey-d9);
}

.vacancies__single-bottom {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.vacancies__single-wrapper {
  margin-top: 1rem;
}

.vacancies__single-form-wrapper {
  margin-top: 1.875rem;
  padding: 2.5rem 0;
  background: var(--background);
}

.vacancies__form {
  margin: auto;
  max-width: 26.625rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.vacancies__form-title {
  font-size: 21px;
  color: var(--grey-d9);
}

.vacancies__form-header {
  padding: 0.625rem;
  display: flex;
  gap: 0.625rem;
}

.vacancies__form-header-img {
  width: 3.8125rem;
  height: 3.8125rem;
  flex-shrink: 0;
  border-radius: 50%;
  object-fit: cover;
}

.vacancies__form-header-text {
  font-size: 0.75rem;
  color: var(--grey-d9);
}

.vacancies__form-header-text a {
  text-decoration: none;
  color: var(--purple-ce);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__form-header-text a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .vacancies__form-header-text a:active {
    opacity: 0.8;
  }
}

.vacancies__form-input {
  outline: none;
  width: 100%;
  padding: 0.75rem;
  border-radius: 20px;
  border: 1px solid var(--purple-ce);
  background: #0003;
  font-size: 0.75rem;
  color: var(--white);
}

.vacancies__form-input::placeholder {
  color: var(--white);
}

.vacancies__form-input.is-false {
  border: 1px solid var(--red);
}

.vacancies__form-item {
  display: flex;
  gap: 1.25rem;
}

.vacancies__form-file {
  display: flex;
  align-items: center;
  gap: 0.4125rem;
  transition: var(--transition);
}

.vacancies__form-file * {
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__form-file:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .vacancies__form-file:active {
    opacity: 0.8;
  }
}

.vacancies__form-file-icon {
  width: 1.625rem;
  height: 1.625rem;
}

.vacancies__form-file-text {
  font-size: 0.75rem;
  color: var(--grey-9a);
}

.vacancies__form-file-input {
  display: none;
}

.vacancies__form-textarea {
  outline: none;
  resize: none;
  width: 100%;
  height: 8.125rem;
  padding: 0.75rem;
  border-radius: 20px;
  border: 1px solid var(--purple-ce);
  background: #0003;
  font-size: 0.75rem;
  color: var(--white);
}

.vacancies__form-textarea::placeholder {
  color: var(--white);
}

.vacancies__form-accept {
  display: flex;
  gap: 1.25rem;
}

.vacancies__form-accept-btn div {
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid var(--purple-ce);
  border-radius: 50%;
}

.vacancies__form-accept-btn input {
  display: none;
}

.vacancies__form-accept-btn input:checked + div {
  background-color: var(--purple-ce);
}

.vacancies__form-accept-text {
  font-size: 0.75rem;
  color: var(--grey-9a);
}

.vacancies__form-accept-text a {
  text-decoration: none;
  color: var(--grey-9a);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .vacancies__form-accept-text a:hover {
    color: var(--purple-92);
  }
}

@media (any-hover: none) {
  .vacancies__form-accept-text a:active {
    color: var(--purple-92);
  }
}

.vacancies__form-submit {
  margin: auto;
  display: inline-block;
  background: var(--linear-gradient);
  padding: 0.5rem 0.75rem;
  border-radius: 1.25rem;
  font-size: 0.75rem;
  color: var(--white);
}

@media (width <=47.99875rem) {
  .vacancies__form-header {
    flex-direction: column;
  }

  .vacancies__form-header-img {
    margin: auto;
  }

  .vacancies__form-item {
    flex-direction: column;
  }
}

@media (width <=71.25rem) {
  .vacancies__header-line {
    display: none;
  }
}

.error__content {
  margin-top: 1.875rem;
  padding: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  background-color: var(--background);
  border-radius: 1.25rem;
}

.error__pre {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--grey-55);
}

.error__title {
  font-size: 8rem;
  font-weight: 700;
  color: var(--grey-8b);
  text-align: center;
}

.error__text {
  font-size: 1rem;
  font-weight: 700;
  color: var(--white);
  text-align: center;
}

.error__text a {
  text-decoration: none;
  color: var(--purple-92);
}

@media (width <=47.99875rem) {
  .error__content {
    padding: 1.25rem;
  }

  .error__pre {
    font-size: 1.125rem;
  }

  .error__title {
    font-size: 4rem;
  }

  .error__text {
    font-size: 0.875rem;
  }
}

.sitemap {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}

.sitemap-title {
  font-size: 1.75rem;
  color: var(--white);
}

.sitemap-title:not(:first-child) {
  margin-top: 1.875rem;
}

.sitemap-subtitle {
  text-decoration: none;
  margin-top: 1.125rem;
  margin-left: 0.25rem;
  font-size: 1.3125rem;
  line-height: 1.375rem;
  color: var(--purple-92);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .sitemap-subtitle:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .sitemap-subtitle:active {
    opacity: 0.8;
  }
}

.sitemap-link {
  text-decoration: none;
  margin-top: 1.125rem;
  margin-left: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.sitemap-link a {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.375rem;
  color: var(--grey-55);
  transition: var(--transition);
}

@media (any-hover: hover) {
  .sitemap-link a:hover {
    opacity: 0.8;
  }
}

@media (any-hover: none) {
  .sitemap-link a:active {
    opacity: 0.8;
  }
}

.article-entry {
  opacity: 0;
  transform: translateY(20px);
}

.article-entry:first-child {
  opacity: 1;
  transform: none;
}

@keyframes articleFadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.article-entry--visible {
  animation: articleFadeIn 0.5s ease forwards;
}


.theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.0625rem;
  height: 2.0625rem;
  padding: 0;
  background: none;
  border: 1px solid var(--black-36) !important;
  border-radius: 50%;
  box-shadow: var(--shadow);
  cursor: pointer;
  color: #fff;
  transition: var(--transition);
  flex-shrink: 0;
}

.white .theme-toggle {
  color: #1e285a;
}


.white .header__search > img {
  filter: brightness(0) invert(0);
}



@media (any-hover: hover) {
  .theme-toggle:hover { opacity: 0.7; }
}

.theme-toggle__sun,
.theme-toggle__moon {
  display: none;
  width: 1.25rem;
  height: 1.25rem;
}


.theme-toggle__sun { display: block; }

.white .theme-toggle__sun { display: none; }
.white .theme-toggle__moon { display: block; }

.vacancies__form-file-icon--light { display: none; }
.white .inst__modal-item-link {
  color: #fff;
}

.white .vacancies__form-file-icon--dark { display: none; }
.white .vacancies__form-file-icon--light { display: block; }

.white .vacancies__form-input,
.white .vacancies__form-textarea {
  background: var(--grey-f7);
  color: var(--white);
}

.white .vacancies__form-input::placeholder,
.white .vacancies__form-textarea::placeholder {
  color: var(--grey);
}

/* ── Native ads ─────────────────────────────────────────────────────────── */
.crypt__start-parameters-promo {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.6;
}

.crypt__news--promo {
  opacity: .96;
}