@charset "UTF-8";
:root {
  --blue-700: #1c44f2;
  --blue-600: #2563eb;
  --green-700: #15803d;
  --green-600: #16a34a;
  --green-500: #22c55e;
  --bg-grad-start: rgba(16, 24, 64, .15);
  --bg-grad-end: rgba(121, 37, 211, .35);
  --card-radius: 44.38px;
}

.paywall {
  background: linear-gradient(180deg, #1e3a8a 0%, #6d28d9 100%) no-repeat;
  background-attachment: fixed;
  min-height: 100svh;
}
.paywall__hero {
  position: relative;
  width: 100%;
  min-height: 320px;
  height: clamp(320px, 34vw, 560px);
  max-height: 560px;
  overflow: hidden;
  aspect-ratio: auto;
}
.paywall__hero-bg {
  display: block;
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.paywall__hero-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  color: #fff;
}
.paywall__logo {
  height: 48px;
}
.paywall__title {
  font-size: 36px;
  line-height: 1.15;
  font-weight: 800;
  margin: 10px 0 0;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
.paywall__subtitle {
  font-size: 18px;
  opacity: 0.92;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.paywall__license {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1.25rem;
  width: fit-content;
  border-radius: 1.75rem;
  padding: 1rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(25px);
}
.paywall__license-img {
  height: 56px;
}
.paywall__license--description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  color: #030305;
}
.paywall__license--title {
  font-size: clamp(1em, 2.5vw, 1.25em);
  font-weight: 700;
  line-height: 120%;
}
.paywall__license--number {
  font-size: 1em;
  font-weight: 400;
  line-height: 140%;
}
.paywall__row {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  position: relative;
  z-index: 2;
  margin-top: -96px;
  overflow: visible;
}
.paywall__col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.paywall__col .tariff-card {
  max-width: 100%;
}
.paywall__col:nth-child(1) .tariff-card__subnote:first-child::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #91D8F7;
  top: 0;
  left: -10%;
  width: 120%;
  height: 65%;
  z-index: -1;
}
.paywall__col:nth-child(2) .tariff-card__subnote:first-child {
  color: #fff;
}
.paywall__col:nth-child(2) .tariff-card__subnote:first-child:first-child::before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(90deg, #00A839 0%, #00471F 100%);
  top: -10%;
  left: -10%;
  width: 120%;
  height: 120%;
  z-index: -1;
}
.paywall__col:nth-child(3) .tariff-card__subnote:first-child::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #91D8F7;
  top: initial;
  bottom: 0;
  left: -10%;
  width: 120%;
  height: 65%;
  z-index: -1;
}
.paywall__col:first-child .tariff-card__duration-plate::before {
  top: 0;
  height: 50%;
}
.paywall__col:last-child .tariff-card__duration-plate::before {
  top: 50%;
  height: 50%;
}
.paywall__coll.featured .tariff-card {
  box-shadow: 0 26px 52px rgba(16, 185, 129, 0.35);
}
.paywall__coll.featured .tariff-card__duration-plate {
  color: #fff;
}
.paywall__coll.featured .tariff-card::before {
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #00A839 0%, #00471F 100%);
}
.paywall__coll.featured .tariff-card__tab-title {
  font-size: 2em;
}
.paywall__coll.featured .tariff-card__body {
  background: #dff0e4;
}
.paywall__pin {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 3;
}
.paywall__pin img {
  height: 96px;
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.3));
}
@media (max-width: 1024px) {
  .paywall .tariff-card.tariff-card--featured {
    transform: none;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
  }
  .paywall .tariff-card.tariff-card--featured .featured--icon {
    top: -30%;
    right: -6%;
    max-width: 80px;
    max-height: 80px;
    transform: rotate(-10deg);
  }
  .paywall__row {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .paywall__row .tariff-card.tariff-card--featured {
    transform: translateY(12px) scale(0.9);
  }
  .paywall__hero-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 70%;
  }
  .paywall__brand {
    display: flex;
    justify-content: flex-end;
  }
  .paywall .tariff-card.tariff-card--featured {
    transform: none;
    box-shadow: none;
  }
}
@media (max-width: 640px) {
  .paywall__hero {
    min-height: 60svh;
  }
  .paywall__hero-bg {
    object-fit: cover;
  }
  .paywall .tariff-card.tariff-card--featured {
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
  }
  .paywall .tariff-card.tariff-card--featured .featured--icon {
    transform: rotate(-8deg);
  }
  .paywall__title {
    font-size: 28px;
  }
  .paywall__pin {
    position: static;
    margin: 16px auto;
    text-align: center;
  }
  .paywall__pin img {
    height: 72px;
  }
}
.paywall .tariff-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-radius: var(--card-radius);
  background: #fff;
  position: relative;
}
.paywall .tariff-card.tariff-card--featured {
  position: relative;
  z-index: 5;
  transform: translateY(12px) scale(1.08);
  box-shadow: 0 36px 72px rgba(0, 0, 0, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.paywall .tariff-card.tariff-card--featured .tariff-card__tab-title {
  font-size: clamp(1.8em, 3vw, 2.2em);
}
.paywall .tariff-card.tariff-card--featured .tariff-card__duration-plate {
  font-size: clamp(1.7em, 2.4vw, 2em);
}
.paywall .tariff-card.tariff-card--featured .tariff-card__bullet--text {
  font-size: clamp(1.55em, 2.2vw, 1.8em);
}
.paywall .tariff-card.tariff-card--featured .tariff-card__discount {
  font-size: clamp(2.8em, 4vw, 3.2em);
}
.paywall .tariff-card.tariff-card--featured .tariff-card__price {
  font-size: clamp(1.65em, 2.6vw, 1.9em);
}
.paywall .tariff-card__tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  border-top-left-radius: var(--card-radius);
  border-top-right-radius: var(--card-radius);
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
}
.paywall .tariff-card--blue {
  background: linear-gradient(90deg, #00B1FA 0%, #0A1880 100%);
}
.paywall .tariff-card--green {
  background: linear-gradient(90deg, #00B03B 0%, #00471F 100%);
}
.paywall .tariff-card .featured--icon {
  position: absolute;
  top: -35%;
  right: -12%;
  transform: rotate(-15deg);
  text-transform: uppercase;
  max-width: 114px;
  max-height: 114px;
}
.paywall .tariff-card .featured--icon text {
  fill: #fff;
}
.paywall .tariff-card__tab-title {
  font-size: 1.45em;
  text-align: center;
  text-transform: uppercase;
  padding: 1.5rem 35%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
.paywall .tariff-card__body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.5rem;
  gap: 0.5rem;
  flex: 1 1 auto;
}
.paywall .tariff-card__duration-plate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: fit-content;
  font-size: 1.5em;
  font-weight: 900;
  position: relative;
  line-height: 1.2;
  z-index: 0;
  margin: 0 auto;
  padding-inline: 0.5rem;
}
.paywall .tariff-card__duration-plate::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #91D8F7;
  border-radius: 4px;
}
.paywall .tariff-card__subnote {
  margin: 12px auto 0;
  text-align: center;
  font-weight: 900;
  font-size: 1.25em;
  color: #2b2b2b;
  position: relative;
}
.paywall .tariff-card__subnote-extra {
  margin: 4px auto 12px;
  text-align: center;
  font-weight: 900;
  font-size: 1.25em;
  color: #2b2b2b;
}
.paywall .tariff-card__duration-badge {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: fit-content;
  font-size: 1.5em;
  font-weight: 900;
  position: relative;
  line-height: 1.2;
  z-index: 0;
  margin: 0 auto;
  padding-inline: 0.5rem;
}
.paywall .tariff-card__bullets {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.375rem;
  list-style: none;
  margin-block: 2rem 3rem;
}
.paywall .tariff-card__bullet {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 1.125rem;
  position: relative;
  color: #030305;
}
.paywall .tariff-card__bullet--text {
  font-size: 1.5em;
  line-height: 120%;
}
.paywall .tariff-card__pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  padding: 0 16px 10px 16px;
}
.paywall .tariff-card__old {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: 700;
  color: #373435;
  position: relative;
}
.paywall .tariff-card__old::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #182FDE;
  transform: rotate(-11deg);
  transform-origin: 50% 50%;
}
.paywall .tariff-card__discount {
  color: #182FDE;
  font-weight: 700;
  font-size: 2.5em;
}
.paywall .tariff-card__price {
  font-size: 1.5em;
  font-weight: 900;
  background: #182FDE;
  padding: 0.375rem 0.75rem;
  border-radius: 0.75rem;
  color: #fff;
}
.paywall .tariff-card__cta {
  padding: 0 16px;
}
.paywall .tariff-card__button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  border-radius: 16px;
  padding: 14px 18px;
  font-weight: 900;
  letter-spacing: 0.3px;
  background: #0EA8F5;
  border: 0;
  color: #fff;
  text-decoration: none;
}
.paywall .tariff-card__split {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  margin: 10px 0 8px;
  font-size: clamp(12px, 2.5vw, 16px);
  font-weight: 700;
  color: #FFF;
  text-align: center;
}
.paywall .tariff-card__split .tariff-card__split-note {
  opacity: 0.85;
  margin-bottom: 4px;
}
.paywall .tariff-card__split-logo {
  height: 20px;
}
.paywall .tariff-card__discount-badge {
  position: absolute;
  left: -18.5%;
  bottom: 20%;
}
.paywall .installment-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(2.375rem, 2.5vw, 3rem);
  margin: 16px 0 0;
  padding: 16px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, #5ED06E 0%, #1FAE4D 100%);
  border: 2px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 18px 40px rgba(17, 24, 39, 0.16);
  text-align: center;
  color: #fff;
  text-decoration: none;
  transition: filter 0.2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .paywall .installment-card:hover {
    filter: brightness(1.03);
  }
}
.paywall .installment-card__head {
  display: grid;
  justify-items: center;
  gap: 10px;
}
.paywall .installment-card__price-pill {
  display: inline-block;
  color: #373435;
  font-weight: 900;
  font-size: 22px;
}
.paywall .installment-card__note-pill {
  display: inline-block;
  padding: 0.375rem 0.875rem;
  border-radius: 1.75rem;
  background: #182FDE;
  color: #FFF;
  font-family: "DrukWideCyr Bold";
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: 2.4px;
}
.paywall .installment-card__hint {
  margin: 10px 0 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #eafbea;
}
.paywall .split-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 12px;
  padding: 10px 22px;
  border-radius: 16px;
  background: #0EA8F5;
  box-shadow: 0 10px 24px rgba(14, 168, 245, 0.35);
  color: #fff;
  font-weight: 900;
  font-size: clamp(18px, 2.4vw, 28px);
  line-height: 1;
  text-decoration: none;
  border: 0;
  outline: none;
  transition: transform 0.06s ease, filter 0.15s ease;
}
.paywall .split-button:hover {
  filter: brightness(1.04);
}
.paywall .split-button:active {
  transform: translateY(1px);
}
.paywall .split-button__logo {
  display: block;
  height: 34px;
  width: auto;
}

.coupon-wrapper {
  display: grid;
  place-items: center;
  margin-top: 3.8rem;
}
.coupon-wrapper .coupon {
  width: clamp(280px, 36vw, 360px);
  aspect-ratio: 361/359;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  padding: 16px 20px 22px;
}
.coupon-wrapper .coupon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/assets/paywalls/coupon-frame-2e1ed0ab024cffd434f9ac04ebf15ca956818004c899ba00f8435e1dea6430d4.svg) center/100% 100% no-repeat;
  z-index: 0;
}
@media (max-width: 768px) {
  .coupon-wrapper {
    margin-top: -3rem;
  }
}

#home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
  --header-overlap: 4%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-height: fit-content;
  /* ===== фон и бегущая строка ===== */
}
#home #main .background, #course #main .background, #shop #main .background, #event-page #main .background, .event-page #main .background {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 103%;
  margin-top: -3%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  #home #main .background, #course #main .background, #shop #main .background, #event-page #main .background, .event-page #main .background {
    min-height: 100%;
    max-height: fit-content;
  }
}
#home #main .marquee-container, #course #main .marquee-container, #shop #main .marquee-container, #event-page #main .marquee-container, .event-page #main .marquee-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  width: 100svw;
  overflow: hidden;
  background: #2630f5;
  padding-block: 0.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#home #main .marquee-container .marquee, #course #main .marquee-container .marquee, #shop #main .marquee-container .marquee, #event-page #main .marquee-container .marquee, .event-page #main .marquee-container .marquee {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  white-space: nowrap;
  animation: marquee 16s linear infinite;
}
#home #main .marquee-container .marquee .dash, #course #main .marquee-container .marquee .dash, #shop #main .marquee-container .marquee .dash, #event-page #main .marquee-container .marquee .dash, .event-page #main .marquee-container .marquee .dash {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 28px;
  height: 6px;
  border-radius: 100px;
  background-color: #FF7A00;
}
#home #main .marquee-container .marquee--duplicate, #course #main .marquee-container .marquee--duplicate, #shop #main .marquee-container .marquee--duplicate, #event-page #main .marquee-container .marquee--duplicate, .event-page #main .marquee-container .marquee--duplicate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  white-space: nowrap;
}
#home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
  /* ===== астероид (декор) ===== */
}
#home #main .asteroid, #course #main .asteroid, #shop #main .asteroid, #event-page #main .asteroid, .event-page #main .asteroid {
  width: 65%;
  position: absolute;
  right: -10%;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
#home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
  /* ===== hero image: ~70% ширины, «прижимаем» справа плавно ===== */
}
#home #main .avatar-page, #home #main .page-image, #course #main .avatar-page, #course #main .page-image, #shop #main .avatar-page, #shop #main .page-image, #event-page #main .avatar-page, #event-page #main .page-image, .event-page #main .avatar-page, .event-page #main .page-image {
  width: 70%;
  min-width: 520px;
  max-width: 1400px;
  height: auto;
  aspect-ratio: 16/9;
  position: absolute;
  right: clamp(0px, 8vw, 120px);
  bottom: 0;
  object-fit: contain;
  z-index: 1;
}
#home #main .page-image--main, #course #main .page-image--main, #shop #main .page-image--main, #event-page #main .page-image--main, .event-page #main .page-image--main {
  z-index: 2;
}
#home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
  /* ===== контент ===== */
}
#home #main .container, #course #main .container, #shop #main .container, #event-page #main .container, .event-page #main .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 90%;
  height: fit-content;
  position: relative;
  z-index: 2;
  padding-top: var(--header-overlap);
  padding-bottom: 5%;
}
#home #main .container .info-block, #course #main .container .info-block, #shop #main .container .info-block, #event-page #main .container .info-block, .event-page #main .container .info-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  margin-block: 5% 15%;
}
#home #main .container .info-block .title-large, #course #main .container .info-block .title-large, #shop #main .container .info-block .title-large, #event-page #main .container .info-block .title-large, .event-page #main .container .info-block .title-large {
  max-width: 75%;
}
#home #main .container .info-block .text-medium, #course #main .container .info-block .text-medium, #shop #main .container .info-block .text-medium, #event-page #main .container .info-block .text-medium, .event-page #main .container .info-block .text-medium {
  max-width: 45%;
}
#home #main .container .info-block .categories, #course #main .container .info-block .categories, #shop #main .container .info-block .categories, #event-page #main .container .info-block .categories, .event-page #main .container .info-block .categories {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#home #main .container .info-block .categories__tag, #course #main .container .info-block .categories__tag, #shop #main .container .info-block .categories__tag, #event-page #main .container .info-block .categories__tag, .event-page #main .container .info-block .categories__tag {
  color: #030305;
  padding: 0.4rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  font-weight: 700;
}
#home #main .container .info-block .page-description, #course #main .container .info-block .page-description, #shop #main .container .info-block .page-description, #event-page #main .container .info-block .page-description, .event-page #main .container .info-block .page-description {
  max-width: 550px;
}
#home #main .container .info-block .actions, #course #main .container .info-block .actions, #shop #main .container .info-block .actions, #event-page #main .container .info-block .actions, .event-page #main .container .info-block .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#home #main .container .action-user-request--mob, #course #main .container .action-user-request--mob, #shop #main .container .action-user-request--mob, #event-page #main .container .action-user-request--mob, .event-page #main .container .action-user-request--mob {
  display: none;
  margin-top: auto;
  width: 100%;
}
#home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
  /* ===== адаптивы ===== */
}
@media (max-width: 1440px) {
  #home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
    aspect-ratio: initial;
    min-height: 765px;
  }
  #home #main .avatar-page, #home #main .page-image, #course #main .avatar-page, #course #main .page-image, #shop #main .avatar-page, #shop #main .page-image, #event-page #main .avatar-page, #event-page #main .page-image, .event-page #main .avatar-page, .event-page #main .page-image {
    right: clamp(0px, 7vw, 96px);
  }
  #home #main .asteroid, #course #main .asteroid, #shop #main .asteroid, #event-page #main .asteroid, .event-page #main .asteroid {
    right: -15%;
  }
}
@media (max-width: 1280px) {
  #home #main .avatar-page, #home #main .page-image, #course #main .avatar-page, #course #main .page-image, #shop #main .avatar-page, #shop #main .page-image, #event-page #main .avatar-page, #event-page #main .page-image, .event-page #main .avatar-page, .event-page #main .page-image {
    width: 68%;
    min-width: 480px;
    right: clamp(0px, 6vw, 80px);
  }
}
@media (max-width: 1023px) {
  #home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
    --header-overlap: 28px;
  }
  #home #main .avatar-page, #home #main .page-image, #course #main .avatar-page, #course #main .page-image, #shop #main .avatar-page, #shop #main .page-image, #event-page #main .avatar-page, #event-page #main .page-image, .event-page #main .avatar-page, .event-page #main .page-image {
    width: 66%;
    min-width: 420px;
    right: clamp(0px, 4vw, 48px);
    bottom: 5%;
  }
  #home #main .asteroid, #course #main .asteroid, #shop #main .asteroid, #event-page #main .asteroid, .event-page #main .asteroid {
    width: 100%;
    right: -45%;
  }
}
@media (max-width: 769px) {
  #home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
    min-height: 550px;
  }
  #home #main .avatar-page, #home #main .page-image, #course #main .avatar-page, #course #main .page-image, #shop #main .avatar-page, #shop #main .page-image, #event-page #main .avatar-page, #event-page #main .page-image, .event-page #main .avatar-page, .event-page #main .page-image {
    width: 78%;
    min-width: 360px;
    right: clamp(0px, 3vw, 24px);
  }
  #home #main .container .page-description, #course #main .container .page-description, #shop #main .container .page-description, #event-page #main .container .page-description, .event-page #main .container .page-description {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  #home #main, #course #main, #shop #main, #event-page #main, .event-page #main {
    height: 87.7svh;
    min-height: fit-content;
  }
  #home #main .page-image, #course #main .page-image, #shop #main .page-image, #event-page #main .page-image, .event-page #main .page-image {
    width: 88%;
    min-width: 0;
    right: 0;
  }
  #home #main .avatar-page, #course #main .avatar-page, #shop #main .avatar-page, #event-page #main .avatar-page, .event-page #main .avatar-page {
    width: 90%;
    height: auto;
    bottom: 0%;
    right: -5%;
  }
  #home #main .asteroid, #course #main .asteroid, #shop #main .asteroid, #event-page #main .asteroid, .event-page #main .asteroid {
    width: 550px;
    height: 60%;
    right: -200px;
  }
  #home #main .container, #course #main .container, #shop #main .container, #event-page #main .container, .event-page #main .container {
    padding-bottom: 3%;
    height: calc(100% - 4rem);
  }
  #home #main .container .actions, #course #main .container .actions, #shop #main .container .actions, #event-page #main .container .actions, .event-page #main .container .actions {
    display: none;
  }
  #home #main .container .action-user-request--mob, #course #main .container .action-user-request--mob, #shop #main .container .action-user-request--mob, #event-page #main .container .action-user-request--mob, .event-page #main .container .action-user-request--mob {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: auto;
  }
}
@media (max-width: 1023px) {
  #home #main .container .action-user-request--mob, #course #main .container .action-user-request--mob, #shop #main .container .action-user-request--mob, #event-page #main .container .action-user-request--mob, .event-page #main .container .action-user-request--mob {
    border: 1px solid #2630f5;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
}

#thank-you {
  --header-overlap: 4%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  min-height: fit-content;
  /* ===== фон и бегущая строка ===== */
}
#thank-you .background {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 103%;
  margin-top: -3%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  #thank-you .background {
    min-height: 100%;
    max-height: fit-content;
  }
}
#thank-you .marquee-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  width: 100svw;
  overflow: hidden;
  background: #2630f5;
  padding-block: 0.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#thank-you .marquee-container .marquee {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  white-space: nowrap;
  animation: marquee 16s linear infinite;
}
#thank-you .marquee-container .marquee .dash {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 28px;
  height: 6px;
  border-radius: 100px;
  background-color: #FF7A00;
}
#thank-you .marquee-container .marquee--duplicate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  white-space: nowrap;
}
#thank-you {
  /* ===== астероид (декор) ===== */
}
#thank-you .asteroid {
  width: 65%;
  position: absolute;
  right: -10%;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
#thank-you {
  /* ===== hero image: ~70% ширины, «прижимаем» справа плавно ===== */
}
#thank-you .avatar-page, #thank-you .page-image {
  width: 70%;
  min-width: 520px;
  max-width: 1400px;
  height: auto;
  aspect-ratio: 16/9;
  position: absolute;
  right: clamp(0px, 8vw, 120px);
  bottom: 0;
  object-fit: contain;
  z-index: 1;
}
#thank-you .page-image--main {
  z-index: 2;
}
#thank-you {
  /* ===== контент ===== */
}
#thank-you .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 90%;
  height: fit-content;
  position: relative;
  z-index: 2;
  padding-top: var(--header-overlap);
  padding-bottom: 5%;
}
#thank-you .container .info-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  margin-block: 5% 15%;
}
#thank-you .container .info-block .title-large {
  max-width: 75%;
}
#thank-you .container .info-block .text-medium {
  max-width: 45%;
}
#thank-you .container .info-block .categories {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#thank-you .container .info-block .categories__tag {
  color: #030305;
  padding: 0.4rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  font-weight: 700;
}
#thank-you .container .info-block .page-description {
  max-width: 550px;
}
#thank-you .container .info-block .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#thank-you .container .action-user-request--mob {
  display: none;
  margin-top: auto;
  width: 100%;
}
#thank-you {
  /* ===== адаптивы ===== */
}
@media (max-width: 1440px) {
  #thank-you {
    aspect-ratio: initial;
    min-height: 765px;
  }
  #thank-you .avatar-page, #thank-you .page-image {
    right: clamp(0px, 7vw, 96px);
  }
  #thank-you .asteroid {
    right: -15%;
  }
}
@media (max-width: 1280px) {
  #thank-you .avatar-page, #thank-you .page-image {
    width: 68%;
    min-width: 480px;
    right: clamp(0px, 6vw, 80px);
  }
}
@media (max-width: 1023px) {
  #thank-you {
    --header-overlap: 28px;
  }
  #thank-you .avatar-page, #thank-you .page-image {
    width: 66%;
    min-width: 420px;
    right: clamp(0px, 4vw, 48px);
    bottom: 5%;
  }
  #thank-you .asteroid {
    width: 100%;
    right: -45%;
  }
}
@media (max-width: 769px) {
  #thank-you {
    min-height: 550px;
  }
  #thank-you .avatar-page, #thank-you .page-image {
    width: 78%;
    min-width: 360px;
    right: clamp(0px, 3vw, 24px);
  }
  #thank-you .container .page-description {
    font-size: 18px;
  }
}
@media (max-width: 580px) {
  #thank-you {
    height: 87.7svh;
    min-height: fit-content;
  }
  #thank-you .page-image {
    width: 88%;
    min-width: 0;
    right: 0;
  }
  #thank-you .avatar-page {
    width: 90%;
    height: auto;
    bottom: 0%;
    right: -5%;
  }
  #thank-you .asteroid {
    width: 550px;
    height: 60%;
    right: -200px;
  }
  #thank-you .container {
    padding-bottom: 3%;
    height: calc(100% - 4rem);
  }
  #thank-you .container .actions {
    display: none;
  }
  #thank-you .container .action-user-request--mob {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: auto;
  }
}

#home {
  position: relative;
  z-index: 0;
}
#home > * {
  position: relative;
  z-index: 1;
}
#home::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url(/assets/backgrounds/home-pattern-760729c8013b6fe183981a01c6b395d6bb7a12bdd4e60777922dfd61935b2a4b.webp);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}
#home .achievements {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}
#home .achievements__number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#home .achievements__stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
  position: relative;
  z-index: 1;
}
#home .achievements__stat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
  width: 100%;
  position: relative;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: #080e72;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 0.75rem;
  overflow: hidden;
}
#home .achievements__stat .plus {
  color: #FF7A00;
}
#home .achievements__stat-ellipse {
  position: absolute;
  top: -250%;
  right: -50%;
}
#home .achievements__stat:first-child {
  border: 0.5rem solid #9AFA34;
}
#home .achievements__stat:nth-child(2) {
  border: 0.5rem solid #2DC1FD;
}
#home .achievements__stat:last-child {
  border: 0.5rem solid #FB4343;
}
#home .achievements__label {
  white-space: nowrap;
}
#home .learning {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
#home .learning .title-large {
  align-items: center;
  justify-content: center;
  text-align: center;
}
#home .learning__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
}
#home .learning__card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 2rem;
  flex: 0 1 33%;
  background-color: #2d1c99;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#home .learning__card:nth-child(1) {
  background-image: url(/assets/img/home_page/learning/bg_1-2f8c6a08a5d6a3ec8887ef0583ade0133669b6c82f078599790c64d9cc559bc3.webp);
}
#home .learning__card:nth-child(2) {
  background-image: url(/assets/img/home_page/learning/bg_2-2611c57149a9dbf04b1e4955c2ef6ef27855bd7bc91b26d2bcb44692d3686504.webp);
}
#home .learning__card:nth-child(3) {
  background-image: url(/assets/img/home_page/learning/bg_3-4eb0f9f6374510b2ca0bbab72b21d4f47a55bc8f02b828b8722df07169ed64e3.webp);
}
#home .learning__card--image {
  position: absolute;
  bottom: -5%;
  left: 50%;
  transform: translate3d(-50%, var(--translate-y, 0), 0) scale(var(--scale, 1));
  transition: transform 0.3s ease-out;
  z-index: 1;
}
#home .learning__description {
  margin: 0 auto;
  text-align: center;
  font-size: clamp(0.875rem, 1.35vw, 1.5rem);
  line-height: 140%;
  letter-spacing: 0.72px;
}
#home .learning__card:nth-child(1), #home .learning__card:nth-child(3) {
  aspect-ratio: 1/1;
}
#home .learning__card:nth-child(2) {
  aspect-ratio: 1/1.3;
}
#home .learning .btn-app {
  margin-top: 2rem;
}
#home .why-love, #home .talents {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
#home .why-love__title, #home .talents__title {
  align-items: center;
  justify-content: flex-start;
}
#home .why-love__content, #home .talents__content {
  display: grid;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
#home .why-love__card, #home .talents__card {
  display: grid;
  gap: 1rem;
  border: 1px solid #fff;
  border-radius: 24px;
  overflow: hidden;
  padding: 1.5rem;
}
#home .why-love__card .number__block, #home .talents__card .number__block {
  color: #FF7A00;
}
#home .why-love__card-title, #home .talents__card-title {
  gap: 1rem;
}
#home .why-love {
  position: relative;
}
#home .why-love__content {
  grid-template: repeat(3, auto)/repeat(6, 1fr);
  position: relative;
  z-index: 1;
}
#home .why-love__card {
  display: grid;
  gap: 1rem;
  border: 1px solid #fff;
  border-radius: 24px;
  overflow: hidden;
  padding: 1.5rem;
  background: rgba(37, 37, 37, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.5s ease-out;
  height: fit-content;
}
#home .why-love__card:nth-child(1) {
  grid-area: 1/1/3/3;
  background-color: #fff;
  height: 100%;
}
#home .why-love__card:nth-child(1) .why-love__card-title {
  color: #030305;
}
#home .why-love__card:nth-child(1) .why-love__description {
  color: #030305;
}
#home .why-love__card:nth-child(1) .why-love__image-wrapper {
  height: fit-content;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: auto;
}
#home .why-love__card:nth-child(1) .why-love__image-wrapper img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
#home .why-love__card:nth-child(2) {
  grid-area: 1/3/2/5;
}
#home .why-love__card:nth-child(3) {
  grid-area: 1/5/2/7;
}
#home .why-love__card:nth-child(4) {
  grid-template: repeat(2, auto)/repeat(3, 1fr);
  grid-area: 2/3/3/7;
}
#home .why-love__card:nth-child(4) .why-love__card-title {
  grid-area: 1/1/2/3;
}
#home .why-love__card:nth-child(4) .why-love__description {
  grid-area: 2/1/3/3;
  padding-right: 1rem;
}
#home .why-love__card:nth-child(4) .why-love__image-wrapper {
  grid-area: 1/3/3/4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 24px;
  background-color: #2d1c99;
  padding: 2rem 0.5rem 0 0;
  position: relative;
  overflow: hidden;
}
#home .why-love__card:nth-child(4) .why-love__image-wrapper img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
#home .why-love__card:nth-child(4) .why-love__image-wrapper .why-love__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#home .why-love__card:nth-child(5) {
  grid-area: 3/1/4/span 3;
}
#home .why-love__card:nth-child(6) {
  grid-area: 3/4/4/span 3;
}
#home .why-love__card-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
#home .talents {
  position: relative;
}
#home .talents__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#home .talents__content {
  display: grid;
  grid-template: repeat(3, auto)/repeat(2, 1fr);
  gap: 1rem;
}
#home .talents__card {
  grid-template: repeat(2, auto)/repeat(3, 1fr);
  gap: 0;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 0 1.5rem 1.5rem 1.5rem;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.5s ease-out;
}
#home .talents__card .talents__card-title {
  max-width: 70%;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
#home .talents__card .talents__description {
  padding-right: 1rem;
}
#home .talents__card .talents__image-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
#home .talents__card .talents__image-wrapper .background-image {
  width: 100%;
  margin-top: auto;
}
#home .talents__card .talents__image-wrapper .animate-image {
  position: absolute;
  transform: translate3d(0, var(--translate-y, 0), 0) scale(var(--scale, 1));
}
#home .talents__card:nth-child(1) {
  grid-area: 1/1/2/3;
  grid-template: repeat(2, auto)/repeat(2, 1fr);
}
#home .talents__card:nth-child(1) .talents__card-title {
  grid-area: 1/1/2/2;
}
#home .talents__card:nth-child(1) .talents__description {
  grid-area: 2/1/3/2;
  max-width: 90%;
}
#home .talents__card:nth-child(1) .talents__image-wrapper {
  grid-area: 1/2/3/3;
  margin-top: auto;
}
#home .talents__card:nth-child(1) .talents__image-wrapper .background-image {
  height: 80%;
}
#home .talents__card:nth-child(1) .talents__image-wrapper .animate-image {
  top: -5%;
  left: -5%;
}
#home .talents__card:nth-child(2) {
  grid-area: 2/1/3/2;
}
#home .talents__card:nth-child(2) .talents__image-wrapper .animate-image {
  top: -7%;
}
#home .talents__card:nth-child(3) {
  grid-area: 2/2/3/3;
}
#home .talents__card:nth-child(3) .talents__image-wrapper {
  padding-top: 20%;
}
#home .talents__card:nth-child(3) .talents__image-wrapper .animate-image {
  top: 30%;
  left: 20%;
  transform: translate3d(-50%, 0, 0);
}
#home .talents__card:nth-child(2), #home .talents__card:nth-child(3) {
  grid-template: repeat(3, auto)/repeat(1, 1fr);
}
#home .talents__card:nth-child(4) {
  grid-area: 3/1/4/3;
  grid-template: repeat(2, auto)/repeat(2, 1fr);
}
#home .talents__card:nth-child(4) .talents__image-wrapper {
  grid-area: 1/1/3/2;
  padding-right: 2rem;
}
#home .talents__card:nth-child(4) .talents__image-wrapper .background-image {
  height: 80%;
}
#home .talents__card:nth-child(4) .talents__image-wrapper .animate-image {
  right: 10%;
  top: 10%;
}
#home .courses {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.75rem;
  position: relative;
  z-index: 10;
}
#home .courses__filters {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.75rem;
}
#home .courses__selector {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#home .courses__selector--mobile {
  display: none;
}
#home .courses__selector-title {
  flex: 1 1 auto;
  max-width: 20%;
}
#home .courses__selector-ages {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 100px;
  overflow: hidden;
}
#home .courses__selector-ages .age {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 0 1 auto;
  width: 100%;
  padding: 1rem 2rem;
  border-right: 1px solid #fff;
  font-family: "Inter Medium";
  font-size: 1.5em;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #fff;
  background: rgba(17, 17, 17, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
#home .courses__selector-ages .age.is-empty {
  opacity: 0.55;
  cursor: pointer;
}
#home .courses__selector-ages .age.is-empty:hover {
  opacity: 0.85;
}
#home .courses__selector-ages .age:nth-last-child(1) {
  border: 0;
}
#home .courses__selector-ages .age__active {
  background-color: #fff;
  color: #030305;
  opacity: 1;
}
#home .courses__selector-tags {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  gap: 0.75rem;
}
#home .courses__selector-tags .tag {
  padding: 0.5rem 2rem;
  border-radius: 100px;
  font-family: "Inter Medium";
  font-size: 1.5em;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #fff;
  background: rgba(17, 17, 17, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 4px solid var(--chip-color, #7F29FA);
}
#home .courses__selector-tags .tag.is-empty {
  opacity: 0.55;
  cursor: pointer;
}
#home .courses__selector-tags .tag.is-empty:hover {
  opacity: 0.85;
}
#home .courses__selector-tags .tag__active {
  color: #030305;
  background-color: #fff;
  border-color: #fff;
  opacity: 1;
}
#home .courses .course-groups {
  flex: 0 1 auto;
  width: 100%;
}
#home .courses #home_courses_cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
#home .tests {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 3.75rem);
}
#home .tests__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
#home .faq {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  position: relative;
  z-index: 3;
}
#home .faq__question {
  border: 0;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
}
@media (max-width: 1399px) {
  #home .learning__card--image {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  #home .talents__card:nth-child(1) .animate-image, #home .talents__card:nth-child(2) .animate-image {
    width: 100%;
  }
  #home .talents__card:nth-child(3) .animate-image, #home .talents__card:nth-child(4) .animate-image {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  #home .achievements__stats {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
  }
  #home .achievements__stat {
    gap: 0.5rem;
    padding: 1rem;
  }
  #home .why-love__card:nth-child(1) .why-love__card-title {
    width: 73%;
  }
  #home .why-love__card:nth-child(1) .why-love__description {
    width: 73%;
  }
  #home .courses__steps {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
  }
  #home .courses__step {
    flex: 0 1 48%;
  }
  #home .courses__selector-ages .age {
    padding: 1rem 2.5rem;
  }
  #home .faq {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
}
@media (max-width: 991px) {
  #home .learning__content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .learning__card--image {
    width: 50%;
  }
  #home .learning__card:nth-child(1), #home .learning__card:nth-child(3) {
    aspect-ratio: 1/0.6;
  }
  #home .learning__card:nth-child(2) {
    aspect-ratio: 1/0.8;
  }
  #home .why-love__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .why-love__card {
    padding: 1rem;
  }
  #home .why-love__card:nth-child(1) .why-love__image-wrapper {
    aspect-ratio: 1/0.4;
  }
  #home .talents__card:nth-child(4) .talents__image-wrapper .background-image {
    height: 70%;
  }
  #home .talents__card:nth-child(4) .talents__image-wrapper .animate-image {
    top: initial;
    bottom: -10%;
  }
}
@media (max-width: 769px) {
  #home::before {
    background-size: auto auto;
  }
  #home .courses__selector {
    display: none;
  }
  #home .courses__selector--mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  #home .courses__selector--mobile > * {
    flex: 1 1 260px;
    min-width: 220px;
  }
  #home .why-love__card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .why-love__card:nth-child(4) .why-love__image-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 150px;
  }
  #home .why-love__card:nth-child(4) .why-love__image-wrapper img {
    width: initial;
    height: initial;
    bottom: -44%;
  }
  #home .talents__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .talents__card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .talents__card:nth-child(1) .talents__image-wrapper .animate-image, #home .talents__card:nth-child(2) .talents__image-wrapper .animate-image {
    width: 65%;
    top: initial;
    bottom: -50%;
  }
  #home .talents__card:nth-child(4) .talents__image-wrapper {
    padding-right: 0;
  }
  #home .talents__image-wrapper {
    padding-top: 20%;
  }
  #home .courses .asteroid {
    display: none;
  }
  #home .courses__selector {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
  #home .courses__selector-title {
    max-width: 100%;
  }
  #home .courses__selector-ages {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
  }
  #home .courses__selector-ages .age {
    flex: 0 1 auto;
    padding: 1rem 2.5rem;
  }
  #home .user-request-trial {
    margin-top: 4rem;
  }
  #home .user-request-trial .asteroid {
    width: 100%;
    height: 150%;
    top: 0;
    left: 30%;
  }
}
@media (max-width: 575px) {
  #home .courses__selector .course-groups .course-group__cards {
    gap: 0.5rem;
  }
}
@media (max-width: 480px) {
  #home .learning__content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #home .learning__card:nth-child(1), #home .learning__card:nth-child(3) {
    aspect-ratio: 1/0.7;
  }
  #home .learning__card:nth-child(2) {
    aspect-ratio: 1/0.9;
  }
}

#home.online #main .marquee-container {
  background-color: #FF7A00;
}
#home.online .courses .course-groups .course-group .course-card-skills {
  background-color: #FF7A00;
}
@media (hover: hover) and (pointer: fine) {
  #home.online .courses .course-groups .course-group .course-card:hover {
    border-color: #FF7A00;
  }
  #home.online .courses .course-groups .course-group .course-card:hover .ellipse {
    opacity: 1;
  }
  #home.online .courses .course-groups .course-group .course-card:hover .course-group__card-info {
    border-top-color: #FF7A00;
    background-color: rgba(255, 122, 0, 0.2);
  }
}
@media (hover: hover) and (pointer: fine) {
  #home.online .faq__question:not(.active):hover {
    background-color: rgba(255, 122, 0, 0.2);
  }
}
#home.online .faq__tool {
  border-color: #FF7A00;
}
#home.online .faq__tool:before {
  border-color: #FF7A00;
}

.reveal-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#course {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
#course > * {
  position: relative;
  z-index: 1;
}
#course::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url(/assets/backgrounds/home-pattern-760729c8013b6fe183981a01c6b395d6bb7a12bdd4e60777922dfd61935b2a4b.webp);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}
#course #main .container {
  gap: 1.25rem;
}
#course #main .container .btn--preview {
  position: absolute;
  top: 40%;
  right: 10%;
}
#course #main .container .actions {
  margin-top: auto;
}
#course .study-periods {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
#course .study-periods__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 2rem;
}
#course .study-periods__content .periods-age {
  flex: 0 1 30%;
  position: relative;
  border-radius: 24px;
  height: fit-content;
  overflow: hidden;
}
#course .study-periods__content .periods-age__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#course .study-periods__content .periods-age__list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/img/main/bable-course-period-7f87f043105d3bc7c96c0c4aa4342ffcef9918df7b8a3ae1cf3a9c85bc6eef75.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
#course .study-periods__content .periods-age__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 10%;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: border 0.3s ease-in-out;
}
#course .study-periods__content .periods-age__item * {
  pointer-events: none;
}
#course .study-periods__content .periods-age__item .period-age__opacity {
  background: rgba(2, 2, 2, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background 0.3s ease-in-out;
}
#course .study-periods__content .periods-age__item .period-age__type {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (hover: hover) and (pointer: fine) {
  #course .study-periods__content .periods-age__item:hover .period-age__opacity {
    background: transparent;
  }
}
#course .study-periods__content .periods-age .active {
  border: 0;
}
#course .study-periods__content .periods-age .active .period-age__opacity {
  background: transparent;
}
#course .study-periods__content .periods-age .active * {
  color: #030305;
}
#course .study-periods__content .periods-age__item:nth-child(1) {
  border-radius: 24px 24px 0 0;
}
#course .study-periods__content .periods-age__item:nth-last-child(1) {
  border-radius: 0 0 24px 24px;
  border-bottom: 1px solid #fff;
}
#course .study-periods__content .periods-age__background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#course .study-periods__content .periods-age__background-wrapper img {
  width: 100%;
  height: 100%;
}
#course .study-periods-content__stages {
  flex: 0 1 70%;
}
#course .study-periods-content__stages .training-stages-list {
  display: none;
}
#course .study-periods-content__stages .active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 1023px) {
  #course .study-periods__content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #course .study-periods__content .periods-age__list {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #course .study-periods__content .periods-age__list .periods-age__item {
    padding: 5%;
    min-width: fit-content;
  }
  #course .study-periods__content .periods-age__list .periods-age__item:nth-child(1) {
    border-radius: 24px 0 0 24px;
  }
  #course .study-periods__content .periods-age__list .periods-age__item:nth-last-child(1) {
    border-radius: 0 24px 24px 0;
  }
  #course .study-periods__content .periods-age__list::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 580px) {
  #course #main .container .btn--preview {
    width: 100%;
    position: relative;
    top: initial;
    right: initial;
  }
  #course .study-periods {
    gap: 1.5rem;
  }
  #course .study-periods__content .periods-age__list .periods-age__item {
    padding: 2%;
  }
}

.profiles #course::before {
  content: none;
  background: none;
}

.product-card :root {
  --thumbnail-height: 10svh;
}
.product-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 2.5rem;
}
.product-card__main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: fit-content;
}
.product-card__gallery.mobile {
  display: none;
}
.product-card__gallery.main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  position: relative;
  overflow: hidden;
  flex: 0 1 100%;
  min-height: 500px;
  max-height: 550px;
}
.product-card__gallery.main img {
  width: 100%;
  height: 100%;
}
.product-card__thumbnails {
  width: calc(18% - 1rem);
  position: relative;
  overflow: hidden;
  object-fit: contain;
  padding-block: 3%;
}
.product-card__image-main, .product-card__thumbnail {
  border-radius: 1rem;
  overflow: hidden;
}
.product-card__thumbnail {
  opacity: 0.6;
  aspect-ratio: 4/3;
  cursor: pointer;
}
.product-card__thumbnail img {
  height: var(--thumbnail-height);
}
.product-card__thumbnail.active {
  opacity: 1;
}
.product-card__image-main {
  flex: 0 0 82%;
  margin-left: auto;
  aspect-ratio: 16/9;
}
.product-card__image-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-card__info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  flex: 0 1 37%;
  position: sticky;
  top: 13%;
  height: fit-content;
}
.product-card__info--main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.product-card__badges {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.75rem;
}
.product-card__badge {
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
}
.product-card__badge--new {
  background-color: #EA4DBC;
}
.product-card__badge--discount {
  background-color: #FF0061;
}
.product-card__age {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.product-card__description {
  color: #fff;
}
.product-card__price {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #fff;
  border-radius: 24px;
}
.product-card__delivery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.product-card__details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.product-card__detail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: 24px;
  padding: 1.875rem;
  cursor: pointer;
  overflow: hidden;
}
.product-card__detail-title {
  align-items: center;
  transition: color 0.3s ease-in-out;
}
.product-card__detail-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.product-card__detail.active {
  background-color: #fff;
}
.product-card__detail.active .product-card__detail-content {
  max-height: 10000px;
  padding-top: 1rem;
}
.product-card__detail.active * {
  color: #030305;
}
@media (max-width: 1023px) {
  .product-card {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .product-card__gallery.main {
    display: none;
  }
  .product-card__gallery.mobile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .product-card__info {
    gap: 1rem;
    position: relative;
  }
  .product-card__price {
    gap: 1rem;
    padding: 1rem;
  }
  .product-card__details {
    gap: 0.625rem;
  }
  .product-card__detail {
    padding: 1rem;
  }
}

.event-page, #event-page {
  background-color: #000000;
  overflow: hidden;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --radius-sm: .75rem;
  --radius-md: 1.5rem;
  --border-thin: .0625rem solid #ffffff;
  --glass-bg: rgba(17, 17, 17, .2);
  --glass-blur: 1.25rem;
}
.event-page #main.event-page__hero .container .event-hero, #event-page #main.event-page__hero .container .event-hero {
  max-width: 52%;
}
.event-page #main.event-page__hero .container .event-hero .event-hero__title.title-large, #event-page #main.event-page__hero .container .event-hero .event-hero__title.title-large {
  max-width: 100%;
}
.event-page .container, #event-page .container {
  position: relative;
}
.event-page .container .event-category, #event-page .container .event-category {
  position: absolute;
  top: 10%;
  right: 0;
}
.event-page .container .event-category__label, #event-page .container .event-category__label {
  position: absolute;
  top: 45%;
  left: 70%;
  transform: translate3d(-50%, -50%, 0);
}
.event-page .container .event-hero, #event-page .container .event-hero {
  max-width: 45%;
  height: 100%;
}
.event-page .container .event-meta, #event-page .container .event-meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
}
@supports not (gap: 1rem) {
  .event-page .container .event-meta > * + *, #event-page .container .event-meta > * + * {
    margin-left: var(--space-2);
  }
}
.event-page .container .event-meta .tag__primary, #event-page .container .event-meta .tag__primary {
  white-space: nowrap;
}
.event-page .container .event-hero__cta, #event-page .container .event-hero__cta {
  margin-block: var(--space-2);
}
.event-page .container .event-partners, #event-page .container .event-partners {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}
@supports not (gap: 1rem) {
  .event-page .container .event-partners .event-partners__logo, #event-page .container .event-partners .event-partners__logo {
    margin-right: var(--space-4);
  }
}
.event-page .container .event-partners__logo, #event-page .container .event-partners__logo {
  object-fit: contain;
  max-height: 3rem;
}
.event-page .container .event-section, #event-page .container .event-section {
  position: relative;
}
.event-page .container .event-section__title, #event-page .container .event-section__title {
  margin-block: 0 var(--space-3);
}
.event-page .container .event-section > h1, .event-page .container .event-section > h2, .event-page .container .event-section > h3, #event-page .container .event-section > h1, #event-page .container .event-section > h2, #event-page .container .event-section > h3 {
  margin-block: 0 var(--space-3);
}
.event-page .container .event-section__content, #event-page .container .event-section__content {
  display: flex;
  justify-content: space-between;
  gap: 2.25rem;
  position: relative;
  z-index: 10;
}
@supports not (gap: 1rem) {
  .event-page .container .event-section__content > * + *, #event-page .container .event-section__content > * + * {
    margin-left: 2.25rem;
  }
}
.event-page .container .event-section__header, #event-page .container .event-section__header {
  flex: 0 0 30%;
}
.event-page .container .event-section__body, #event-page .container .event-section__body {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-3);
  flex: 1 1 auto;
  color: #ffffff;
}
@supports not (gap: 1rem) {
  .event-page .container .event-section__body > * + *, #event-page .container .event-section__body > * + * {
    margin-top: var(--space-3);
  }
}
.event-page .container .event-section--about .event-section__decor, #event-page .container .event-section--about .event-section__decor {
  position: absolute;
  top: -7%;
  left: -55%;
  z-index: 0;
}
.event-page .container .event-section--about .event-section__ellipse, .event-page .container .event-section--about .event-section__spline, #event-page .container .event-section--about .event-section__ellipse, #event-page .container .event-section--about .event-section__spline {
  position: absolute;
  z-index: 0;
}
.event-page .container .event-section--about .event-section__ellipse--dark, #event-page .container .event-section--about .event-section__ellipse--dark {
  top: -22rem;
  z-index: 1;
}
.event-page .container .event-section--about .event-section__ellipse--blue, #event-page .container .event-section--about .event-section__ellipse--blue {
  left: -12rem;
}
.event-page .container .event-address, #event-page .container .event-address {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
}
@supports not (gap: 1rem) {
  .event-page .container .event-address > * + *, #event-page .container .event-address > * + * {
    margin-top: var(--space-2);
  }
}
.event-page .container .event-address__row, #event-page .container .event-address__row {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
@supports not (gap: 1rem) {
  .event-page .container .event-address__row > * + *, #event-page .container .event-address__row > * + * {
    margin-left: 0.75rem;
  }
}
.event-page .container .event-address__icon, #event-page .container .event-address__icon {
  padding-top: 0.0625rem;
}
.event-page .container .event-audience, #event-page .container .event-audience {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  position: relative;
  z-index: 10;
}
@supports not (gap: 1rem) {
  .event-page .container .event-audience > * + *, #event-page .container .event-audience > * + * {
    margin-left: var(--space-4);
  }
}
.event-page .container .event-audience__media, #event-page .container .event-audience__media {
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.event-page .container .event-audience__image--mobile, #event-page .container .event-audience__image--mobile {
  display: none;
}
.event-page .container .event-audience__list, #event-page .container .event-audience__list {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
@supports not (gap: 1rem) {
  .event-page .container .event-audience__list > * + *, #event-page .container .event-audience__list > * + * {
    margin-top: 0.75rem;
  }
}
.event-page .container .event-audience__item, #event-page .container .event-audience__item {
  color: #050507;
  background-color: #ffffff;
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-5);
  font-size: 1.25rem;
  line-height: 1.4;
}
.event-page .container .event-audience__ellipse, #event-page .container .event-audience__ellipse {
  position: absolute;
}
.event-page .container .event-audience__ellipse--purple, #event-page .container .event-audience__ellipse--purple {
  right: -40%;
  bottom: -30%;
}
.event-page .container .event-audience__ellipse--blue, #event-page .container .event-audience__ellipse--blue {
  right: 0;
  z-index: 0;
  width: 700px;
  height: 300px;
  bottom: -50%;
  opacity: 0.4;
}
.event-page .container .event-learning, #event-page .container .event-learning {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: var(--space-2);
  position: relative;
  z-index: 10;
}
@supports not (gap: 1rem) {
  .event-page .container .event-learning > * + *, #event-page .container .event-learning > * + * {
    margin-left: var(--space-2);
  }
}
.event-page .container .event-learning__list, #event-page .container .event-learning__list {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
  flex: 1 1 auto;
  border-radius: var(--radius-md);
  border: var(--border-thin);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  padding: 3.5rem;
}
@supports not (gap: 1rem) {
  .event-page .container .event-learning__list > * + *, #event-page .container .event-learning__list > * + * {
    margin-top: var(--space-2);
  }
}
.event-page .container .event-learning__item, #event-page .container .event-learning__item {
  position: relative;
  color: #ffffff;
  padding-left: var(--space-2);
}
.event-page .container .event-learning__bullet, #event-page .container .event-learning__bullet {
  display: flex;
  inline-size: 0.3125rem;
  block-size: 0.3125rem;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0.75rem;
  border-radius: 50%;
}
.event-page .container .event-learning__media, #event-page .container .event-learning__media {
  flex: 0 1 50%;
  overflow: hidden;
  border-radius: var(--radius-md);
}
.event-page .container .event-learning__media img, #event-page .container .event-learning__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.event-page .container .event-learning__decor, #event-page .container .event-learning__decor {
  position: absolute;
}
.event-page .container .event-learning__decor--ellipse, #event-page .container .event-learning__decor--ellipse {
  bottom: -120%;
  left: -30%;
}
.event-page .container .event-learning__decor--spline, #event-page .container .event-learning__decor--spline {
  top: -45%;
  right: -81.5%;
}
.event-page .container .event-program, #event-page .container .event-program {
  position: relative;
  z-index: 10;
  max-width: 43.75rem;
}
.event-page .container .event-program__timeline, #event-page .container .event-program__timeline {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.event-page .container .event-program__item, #event-page .container .event-program__item {
  display: flex;
  gap: var(--space-4);
  color: #ffffff;
  border-bottom: var(--border-thin);
  padding-block: 1.25rem;
}
@supports not (gap: 1rem) {
  .event-page .container .event-program__item > * + *, #event-page .container .event-program__item > * + * {
    margin-left: var(--space-4);
  }
}
.event-page .container .event-program__item:nth-last-child(1), #event-page .container .event-program__item:nth-last-child(1) {
  border-bottom: 0;
}
.event-page .container .event-program__date, #event-page .container .event-program__date {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  flex: 0 0 10rem;
  min-width: 10rem;
}
.event-page .container .event-program__date .title-medium, #event-page .container .event-program__date .title-medium {
  white-space: nowrap;
}
.event-page .container .event-program__name, #event-page .container .event-program__name {
  flex: 1 1 auto;
}
.event-page .container .event-program__files, #event-page .container .event-program__files {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: var(--space-4);
}
@supports not (gap: 1rem) {
  .event-page .container .event-program__files > * + *, #event-page .container .event-program__files > * + * {
    margin-top: var(--space-2);
  }
}
.event-page .container .event-program__file, #event-page .container .event-program__file {
  display: flex;
  align-items: center;
  color: #ffffff;
  border-radius: var(--radius-md);
  border: var(--border-thin);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  padding: var(--space-2) var(--space-4);
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: "Inter Regular";
}
.event-page .container .event-program__file-icon, #event-page .container .event-program__file-icon {
  margin-right: var(--space-2);
  transition: filter 0.3s;
}
.event-page .container .event-program__file:hover, #event-page .container .event-program__file:hover {
  color: #000000;
  background-color: #ffffff;
}
.event-page .container .event-program__file:hover .event-program__file-icon, #event-page .container .event-program__file:hover .event-program__file-icon {
  filter: invert(100%) sepia(0%) saturate(7467%) hue-rotate(296deg) brightness(97%) contrast(108%);
}
.event-page .container .event-program__decor, #event-page .container .event-program__decor {
  position: absolute;
  right: -50%;
  bottom: -130%;
}
.event-page .container .event-section--signup, #event-page .container .event-section--signup {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-3);
  position: relative;
  z-index: 10;
}
@supports not (gap: 1rem) {
  .event-page .container .event-section--signup > * + *, #event-page .container .event-section--signup > * + * {
    margin-top: var(--space-3);
  }
}
.event-page .container .event-section--signup .user-request form, #event-page .container .event-section--signup .user-request form {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
}
@supports not (gap: 1rem) {
  .event-page .container .event-section--signup .user-request form > * + *, #event-page .container .event-section--signup .user-request form > * + * {
    margin-top: var(--space-2);
  }
}
.event-page .container .event-section--signup .user-request form .user-request__politics, #event-page .container .event-section--signup .user-request form .user-request__politics {
  padding-block: 0 var(--space-2);
}
.event-page .container .event-section--signup .user-request form .user-request__politics p, #event-page .container .event-section--signup .user-request form .user-request__politics p {
  display: flex;
}
.event-page .container .event-section--signup .user-request form .user-request__politics p a, #event-page .container .event-section--signup .user-request form .user-request__politics p a {
  padding-left: 0.25rem;
}
.event-page .container .event-section--signup .user-request form .user-request__actions, #event-page .container .event-section--signup .user-request form .user-request__actions {
  width: 30%;
}
.event-page .container #end-block.event-section--final, #event-page .container #end-block.event-section--final {
  position: relative;
  z-index: 10;
  margin-bottom: 10rem;
}
.event-page .container .event-final, #event-page .container .event-final {
  position: relative;
  z-index: 10;
}
.event-page .container .event-final__text, .event-page .container .event-final__feature, #event-page .container .event-final__text, #event-page .container .event-final__feature {
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
  border-radius: var(--radius-md);
  border: var(--border-thin);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  padding: 3rem;
  color: #ffffff;
}
@supports not (gap: 1rem) {
  .event-page .container .event-final__text > * + *, .event-page .container .event-final__feature > * + *, #event-page .container .event-final__text > * + *, #event-page .container .event-final__feature > * + * {
    margin-top: var(--space-2);
  }
}
.event-page .container .event-final__main, #event-page .container .event-final__main {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}
@supports not (gap: 1rem) {
  .event-page .container .event-final__main > * + *, #event-page .container .event-final__main > * + * {
    margin-left: var(--space-2);
  }
}
.event-page .container .event-final__text, #event-page .container .event-final__text {
  flex: 1 1 auto;
}
.event-page .container .event-final__text .text-large, #event-page .container .event-final__text .text-large {
  max-width: 39.75rem;
}
.event-page .container .event-final__media, #event-page .container .event-final__media {
  border-radius: var(--radius-md);
  overflow: hidden;
  flex: 0 1 30%;
}
.event-page .container .event-final__media img, #event-page .container .event-final__media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.event-page .container .event-final__features, #event-page .container .event-final__features {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
}
@supports not (gap: 1rem) {
  .event-page .container .event-final__features > * + *, #event-page .container .event-final__features > * + * {
    margin-left: var(--space-2);
  }
}
.event-page .container .event-final__feature, #event-page .container .event-final__feature {
  width: 32.7%;
}
.event-page .container .event-final__icon, #event-page .container .event-final__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.event-page .container .event-final__icon path, #event-page .container .event-final__icon path {
  fill: #2630f5;
}
.event-page .container .event-final__decor, #event-page .container .event-final__decor {
  position: absolute;
}
.event-page .container .event-final__decor--spline, #event-page .container .event-final__decor--spline {
  top: 10%;
  left: -80%;
}
.event-page .container .event-final__decor--ellipse, #event-page .container .event-final__decor--ellipse {
  left: 0;
  bottom: -60%;
}

@media (max-width: 1023px) {
  .event-page .container .event-category, #event-page .container .event-category {
    top: 6%;
  }
}
@media (max-width: 991px) {
  .event-page .container .event-category, #event-page .container .event-category {
    top: 4%;
  }
  .event-page .container .event-category img, #event-page .container .event-category img {
    max-width: 60%;
  }
  .event-page .container .event-category__label, #event-page .container .event-category__label {
    left: 45%;
    font-size: 0.875rem;
  }
  .event-page .container .event-hero, #event-page .container .event-hero {
    max-width: 100%;
    margin-block: 5% 0 !important;
  }
  .event-page .container .event-hero .event-hero__cta, #event-page .container .event-hero .event-hero__cta {
    width: 100%;
    order: 1;
    margin-top: auto;
  }
  .event-page .container .event-section__content, #event-page .container .event-section__content {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--space-3);
  }
  @supports not (gap: 1rem) {
    .event-page .container .event-section__content > * + *, #event-page .container .event-section__content > * + * {
      margin-left: 0;
      margin-top: var(--space-3);
    }
  }
  .event-page .container .event-section__header, #event-page .container .event-section__header {
    flex: 0 1 auto;
  }
  .event-page .container .event-audience, #event-page .container .event-audience {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--space-2);
  }
  @supports not (gap: 1rem) {
    .event-page .container .event-audience > * + *, #event-page .container .event-audience > * + * {
      margin-left: 0;
      margin-top: var(--space-2);
    }
  }
  .event-page .container .event-audience__image--desktop, #event-page .container .event-audience__image--desktop {
    display: none;
  }
  .event-page .container .event-audience__image--mobile, #event-page .container .event-audience__image--mobile {
    display: flex;
    inline-size: 100%;
  }
  .event-page .container .event-audience__media, #event-page .container .event-audience__media {
    aspect-ratio: 16/9;
  }
  @supports not (aspect-ratio: 1/1) {
    .event-page .container .event-audience__media, #event-page .container .event-audience__media {
      position: relative;
    }
    .event-page .container .event-audience__media::before, #event-page .container .event-audience__media::before {
      content: "";
      display: block;
      padding-top: 56.25%;
    }
    .event-page .container .event-audience__media .event-audience__image, #event-page .container .event-audience__media .event-audience__image {
      position: absolute;
      inset: 0;
    }
  }
  .event-page .container .event-learning, #event-page .container .event-learning {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: var(--space-2);
  }
  @supports not (gap: 1rem) {
    .event-page .container .event-learning > * + *, #event-page .container .event-learning > * + * {
      margin-left: 0;
      margin-top: var(--space-2);
    }
  }
  .event-page .container .event-learning__list, #event-page .container .event-learning__list {
    padding: var(--space-2) var(--space-2) var(--space-2) 2.5rem;
  }
  .event-page .container .event-learning__media, #event-page .container .event-learning__media {
    aspect-ratio: 16/9;
  }
  @supports not (aspect-ratio: 1/1) {
    .event-page .container .event-learning__media, #event-page .container .event-learning__media {
      position: relative;
    }
    .event-page .container .event-learning__media::before, #event-page .container .event-learning__media::before {
      content: "";
      display: block;
      padding-top: 56.25%;
    }
    .event-page .container .event-learning__media img, #event-page .container .event-learning__media img {
      position: absolute;
      inset: 0;
    }
  }
  .event-page .container .event-learning__bullet, #event-page .container .event-learning__bullet {
    top: 0.5rem;
  }
  .event-page .container .event-learning__decor--spline, #event-page .container .event-learning__decor--spline {
    display: none;
  }
  .event-page .container .event-program, #event-page .container .event-program {
    max-width: 100%;
  }
  .event-page .container .event-program__date, #event-page .container .event-program__date {
    flex-basis: 8rem;
    min-width: 8rem;
  }
  .event-page .container .event-program__item, #event-page .container .event-program__item {
    gap: var(--space-2);
  }
  @supports not (gap: 1rem) {
    .event-page .container .event-program__item > * + *, #event-page .container .event-program__item > * + * {
      margin-left: var(--space-2);
    }
  }
  .event-page .container .event-program__files, #event-page .container .event-program__files {
    position: relative;
    z-index: 10;
  }
  .event-page .container .event-program__file, #event-page .container .event-program__file {
    padding: 0.75rem var(--space-4);
  }
  .event-page .container .event-section--signup .user-request form .user-request__inputs-list, #event-page .container .event-section--signup .user-request form .user-request__inputs-list {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .event-page .container .event-section--signup .user-request form .user-request__politics p, #event-page .container .event-section--signup .user-request form .user-request__politics p {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .event-page .container .event-section--signup .user-request form .user-request__politics p a, #event-page .container .event-section--signup .user-request form .user-request__politics p a {
    padding-left: 0;
  }
  .event-page .container .event-section--signup .user-request form .user-request__actions, #event-page .container .event-section--signup .user-request form .user-request__actions {
    width: 100%;
  }
  .event-page .container .event-final__main, #event-page .container .event-final__main {
    display: none;
  }
  .event-page .container .event-final__main .event-final__text, #event-page .container .event-final__main .event-final__text {
    padding: 1.5rem;
  }
  .event-page .container .event-final__features, #event-page .container .event-final__features {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--space-2);
  }
  @supports not (gap: 1rem) {
    .event-page .container .event-final__features > * + *, #event-page .container .event-final__features > * + * {
      margin-left: 0;
      margin-top: var(--space-2);
    }
  }
  .event-page .container .event-final__feature, #event-page .container .event-final__feature {
    width: 100%;
    padding: 1.5rem;
  }
  .event-page .container .event-final__feature h4, #event-page .container .event-final__feature h4 {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}
@media (max-width: 468px) {
  .event-page .container .event-category img, #event-page .container .event-category img {
    max-width: 50%;
  }
  .event-page .container .event-category__label, #event-page .container .event-category__label {
    left: 40%;
    font-size: 0.75rem;
  }
}
.events-page, #events-page {
  background-color: #000000;
  min-height: 100%;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --radius-md: 1.5rem;
  --border-thin: 0.0625rem solid rgba(255, 255, 255, 0.65);
  --glass-bg: rgba(17, 17, 17, 0.20);
  --glass-blur: 1.25rem;
}
.events-page .container, #events-page .container {
  padding-top: clamp(2rem, 6vw, 5rem);
  padding-bottom: clamp(3rem, 8vw, 6rem);
}
.events-page__title, #events-page__title {
  margin-bottom: var(--space-3);
}
.events-page__empty, #events-page__empty {
  color: #ffffff;
}
.events-page .events-grid, #events-page .events-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--space-3);
}
.events-page .event-card, #events-page .event-card {
  grid-column: span 4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  border: var(--border-thin);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur));
  backdrop-filter: blur(var(--glass-blur));
  color: #ffffff;
  text-decoration: none;
  transition: transform 0.2s ease, background-color 0.2s ease;
}
@supports not (gap: 1rem) {
  .events-page .event-card > * + *, #events-page .event-card > * + * {
    margin-top: var(--space-2);
  }
}
.events-page .event-card:hover, #events-page .event-card:hover {
  transform: translateY(-0.125rem);
  background: rgba(255, 255, 255, 0.08);
}
.events-page .event-card__meta, #events-page .event-card__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}
@supports not (gap: 1rem) {
  .events-page .event-card__meta > * + *, #events-page .event-card__meta > * + * {
    margin-left: var(--space-2);
  }
}
.events-page .event-card__title, #events-page .event-card__title {
  line-height: 1.2;
}
.events-page .event-card__lead, #events-page .event-card__lead {
  opacity: 0.9;
}
.events-page .event-card__link, #events-page .event-card__link {
  margin-top: auto;
  gap: 0.75rem;
  font-size: 1rem;
  opacity: 0.95;
}

@media (max-width: 1023px) {
  .events-page .event-card, #events-page .event-card {
    grid-column: span 6;
  }
}
@media (max-width: 680px) {
  .events-page .events-grid, #events-page .events-grid {
    grid-template-columns: 1fr;
  }
  .events-page .event-card, #events-page .event-card {
    grid-column: auto;
  }
}
.cart__item--wrapper {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
}
.cart__item--wrapper--primary, .cart__item--wrapper--secondary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
}
.cart__item--wrapper, .cart__item--wrapper--primary, .cart__item--wrapper--secondary {
  border-radius: 1.5rem;
  border: 1px solid #fff;
  padding: 1rem 1.4rem;
}
.cart__item--wrapper--secondary {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.cart__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  gap: 1.125rem;
}
.cart__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-content: center;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
  flex: 0 1 100%;
}
.cart__items input[type=checkbox] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.cart__tools img {
  cursor: pointer;
}
.cart__item--link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.cart__item--img-wrapper {
  height: auto;
  border-radius: 0.5rem;
  overflow: hidden;
}
.cart__item--img-wrapper img {
  width: 100%;
  height: 100%;
}
.cart__item--details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  height: 100%;
}
.cart__item--price {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
}
.cart__item--price-old {
  text-decoration: line-through;
  opacity: 0.6;
}
.cart__item--controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
.cart__item .entity__controls--frame {
  margin-left: auto;
}
.cart_select--all-enities {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 991px) {
  .cart__wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cart__item--wrapper, .cart__item--wrapper--secondary {
    padding: 0.625rem;
  }
}
@media (max-width: 801px) {
  .cart__item {
    grid-template-columns: 1fr auto;
  }
  .cart__item--link {
    grid-auto-rows: minmax(auto, 150px);
  }
}
@media (max-width: 768px) {
  .cart__item {
    grid-auto-rows: 3fr 1fr;
    grid-template-columns: initial;
    gap: 0.75rem;
  }
  .cart__item--link {
    gap: 0.75rem;
  }
  .cart__item .entity__controls--frame {
    margin-left: initial;
    min-width: 50%;
  }
}

.order-summary {
  flex: 0 1 40%;
  background-color: #fff;
  width: fit-content;
  height: fit-content;
  position: sticky;
  top: 8rem;
}
.order-summary *:not(.btn-app):not(.order-summary__value--discount) {
  color: #030305;
}
.order-summary__header {
  padding: 1.875rem 1.875rem 0 1.875rem;
}
.order-summary__separator {
  height: 1px;
  background-color: #2630f5;
}
.order-summary__row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 1.875rem;
}
.order-summary__controls {
  padding: 0 1.875rem 1.875rem 1.875rem;
}
.order-summary__value--discount {
  color: #FF0061;
}
.order-summary__button {
  width: 100%;
}
@media (max-width: 991px) {
  .order-summary {
    flex: 0 0 100%;
    width: initial;
  }
  .order-summary__header {
    padding: 1rem 1rem 0 1rem;
  }
  .order-summary__row {
    padding-inline: 1rem;
  }
  .order-summary__controls {
    padding: 0 1rem 1rem 1rem;
  }
}

#not-found-container {
  background: #000;
}
#not-found-container .background-error-page-mob, #not-found-container .background-error-page-desktop {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100vw;
  top: 0;
  position: absolute;
  z-index: 0;
}
#not-found-container .background-error-page-desktop {
  display: none;
}
#not-found-container .cometa-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
#not-found-container .cometa-wrapper .background-ellipse-blue {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  width: 403px;
  height: 400px;
  left: 142px;
  top: 20px;
  background: #721cb3;
  opacity: 0.6;
  filter: blur(125px);
}
#not-found-container .cometa-wrapper .cometa-full-mob-error, #not-found-container .cometa-wrapper .cometa-full-desktop-error {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 300%;
  height: 70%;
  margin-left: -25%;
  margin-right: -30%;
}
#not-found-container .cometa-wrapper .cometa-full-desktop-error {
  display: none;
}
#not-found-container .container {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#not-found-container .container .label-image-page-not-found {
  position: relative;
  z-index: 10;
  max-width: 100%;
  margin-top: 20vh;
}
#not-found-container .container .info-window {
  position: relative;
  z-index: 10;
  border-radius: 24px;
  border: 1px solid #fff;
  margin-top: 2rem;
  padding: 16px;
  background: rgba(17, 17, 17, 0.2);
  backdrop-filter: blur(20px);
}
#not-found-container .container .info-window h1, #not-found-container .container .info-window p {
  color: #fff;
}
#not-found-container .container .info-window a {
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 1024px) {
  #not-found-container .background-error-page-mob {
    display: none;
  }
  #not-found-container .background-error-page-desktop {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  #not-found-container .cometa-wrapper .cometa-full-mob-error {
    display: none;
  }
  #not-found-container .cometa-wrapper .cometa-full-desktop-error {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 1600px;
    height: 1600px;
    margin-bottom: -26%;
  }
  #not-found-container .container .label-image-page-not-found {
    margin-top: 15vh;
    z-index: 11;
  }
  #not-found-container .container .info-window {
    padding: 40px;
    margin-top: -3rem;
  }
  #not-found-container .container .info-window a {
    font-size: 24px !important;
  }
}
.dropdowns__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}

.dropdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: gap 0.3s ease-in-out;
}
.dropdown--icon {
  flex: 0 0 4%;
  display: block;
  align-self: stretch;
  aspect-ratio: 1;
  width: auto;
  min-width: auto;
  height: 100%;
  max-width: 28px;
  max-height: 28px;
  cursor: pointer;
  position: relative;
}
.dropdown--icon::before, .dropdown--icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  background-color: #2630f5;
  transform-origin: center;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.dropdown__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.dropdown__header--arrow {
  transition: transform 0.3s ease-in-out;
}
.dropdown__body {
  max-height: 0;
  overflow: hidden;
  border: 0;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, border 0.5s ease-in-out, opacity 0.3s ease-in-out;
}
.dropdown__body td, .dropdown__body th {
  border: 0;
}

.dropdown-active {
  gap: 0.5rem;
}
.dropdown-active .dropdown__header .dropdown__header--arrow {
  transform: rotate(180deg);
}
.dropdown-active .dropdown--icon::after {
  transform: translate(-50%, -50%) rotate(0);
  opacity: 1;
}
.dropdown-active .dropdown__body {
  max-height: 10000px;
  border: initial;
  transition: max-height 0.9s ease-in-out, border 0.9s ease-in-out;
  opacity: 1;
}

#confirm_modal .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
#confirm_modal .modal-backdrop .modal-overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 37, 37, 0.75);
  cursor: pointer;
  opacity: 0;
  animation: fadeInOverlay 0.3s ease-out forwards;
}
#confirm_modal .modal-backdrop .modal-window {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875rem;
  max-width: 768px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  border: 1px solid #fff;
  border-radius: 1.75rem;
  padding: 1.25rem 1.875rem 1.875rem;
  background: rgba(37, 37, 37, 0.75);
  backdrop-filter: blur(18.5px);
  opacity: 0;
  animation: popInModal 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.1s forwards;
}
#confirm_modal .modal-backdrop .modal-window .modal-body,
#confirm_modal .modal-backdrop .modal-window h3,
#confirm_modal .modal-backdrop .modal-window p {
  color: #fff;
}
#confirm_modal .modal-backdrop .modal-window__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#confirm_modal .modal-backdrop .modal-window__header .modal-close {
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
}
#confirm_modal .modal-backdrop .modal-window__header .modal-close:before, #confirm_modal .modal-backdrop .modal-window__header .modal-close:after {
  content: "";
  width: 60%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  transform-origin: center;
  border-radius: 0.75rem;
}
#confirm_modal .modal-backdrop .modal-window__header .modal-close:before {
  transform: translateX(-50%) rotate(45deg);
}
#confirm_modal .modal-backdrop .modal-window__header .modal-close:after {
  transform: translateX(-50%) rotate(-45deg);
}
#confirm_modal .modal-backdrop .modal-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
#confirm_modal .modal-backdrop .modal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
}
@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popInModal {
  from {
    opacity: 0;
    transform: translate(-50%, -45%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.profile__avatar.is-edit {
  position: relative;
  cursor: pointer;
}

.avatar-circle {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  border: 2px dashed rgba(148, 163, 184, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f172a;
  overflow: hidden;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.08s ease;
}
.avatar-circle.is-empty {
  background: radial-gradient(circle at 30% 0, rgba(56, 189, 248, 0.25), #020617);
}
.avatar-circle:hover {
  border-style: solid;
  border-color: #38bdf8;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25);
  transform: translateY(-1px);
}

.avatar-upload-icon img {
  width: 40px;
  height: 40px;
  opacity: 0.9;
}

.profile__avatar-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.avatar-file {
  display: none;
}

.avatar-cropper {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar-cropper__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(6px);
}
.avatar-cropper__dialog {
  position: relative;
  z-index: 1;
  background: #020617;
  border-radius: 20px;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.95);
  min-width: 360px;
  max-width: 420px;
}
.avatar-cropper__canvas-wrapper {
  position: relative;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 1.2rem;
  background: radial-gradient(circle at 30% 0, #1e293b, #020617);
  border: 1px solid rgba(148, 163, 184, 0.85);
}
.avatar-cropper__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  touch-action: none;
  cursor: grab;
}
.avatar-cropper__image.is-dragging {
  cursor: grabbing;
}
.avatar-cropper__mask {
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.7);
  border: 2px solid rgba(248, 250, 252, 0.9);
}
.avatar-cropper__controls {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.avatar-cropper__zoom input[type=range] {
  width: 100%;
}
.avatar-cropper__buttons {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

body.profiles {
  background-image: url(/assets/backgrounds/profile-f602348681a23a3728e2f442ab778db113727db3992ecd80ed69e72979926730.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.profile {
  display: flex;
  gap: 2.5rem;
  padding: 2rem;
  min-height: 62svh;
}
.profile turbo-frame {
  width: 100%;
  z-index: 1;
}
.profile .btn-group {
  flex: 0 0 100%;
}
.profile .projects__header {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.profile .projects__header .list-items__dropdown {
  margin-left: auto;
}
.profile__block, .profile__block--column, .profile__block--primary, .profile__block--secondary, .profile__block--grid {
  background: rgba(37, 37, 37, 0.75);
  border-radius: 1.75rem;
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  padding: 1.875rem;
  position: relative;
}
.profile__block, .profile__block--column, .profile__block--primary, .profile__block--secondary {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}
.profile__block--title, .profile__block--column--title, .profile__block--primary--title, .profile__block--secondary--title {
  display: flex;
}
.profile__block--title .entity-edit, .profile__block--column--title .entity-edit, .profile__block--primary--title .entity-edit, .profile__block--secondary--title .entity-edit {
  margin-left: auto;
  cursor: pointer;
}
.profile__block--title .entity-edit button, .profile__block--column--title .entity-edit button, .profile__block--primary--title .entity-edit button, .profile__block--secondary--title .entity-edit button {
  border: none;
  background-color: transparent;
}
.profile__block--column, .profile__block--primary, .profile__block--secondary {
  flex-direction: column;
}
.profile__block--column {
  justify-content: initial;
}
.profile__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: stretch;
  width: 100%;
}
.profile__content > * {
  height: 100%;
}
.profile__block--title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile__block--actions {
  display: flex;
  justify-content: space-between;
}
.profile__block--test-session.test--result .question-text {
  padding-top: 0;
}
.profile__block--test-session {
  border-radius: 1.75rem;
  border: 1px solid #FF7A00;
  overflow-y: auto;
}
.profile__block--test-session::-webkit-scrollbar {
  width: 0.375rem;
}
.profile__block--test-session::-webkit-scrollbar-track {
  background: #818C98;
  border-radius: 0 2.25rem 2.25rem 0;
}
.profile__block--test-session::-webkit-scrollbar-thumb {
  background: #FF7A00;
  border-radius: 2.25rem;
  width: 0.375rem;
  transition: background 0.3s ease-in-out;
}
.profile__block--test-session::-webkit-scrollbar-thumb:hover {
  background: rgb(204, 97.6, 0);
}
.profile__block--test-session .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
}
.profile__block--test-session .question {
  padding-top: clamp(1rem, 6vw, 3.75rem);
}
.profile__block--test-session .question .question-text {
  display: flex;
  align-items: flex-start;
}
.profile__block--test-session .question .profile__block--actions {
  justify-content: flex-end;
}
.profile__block--test-session .answers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.8rem;
  margin: 0;
  height: 100%;
}
.profile__block--test-session .answers .answer {
  position: relative;
  padding-left: 2.5rem;
}
.profile__block .ui-donut {
  flex: 0 1 50%;
  min-width: 0;
}
.profile__block--transparent {
  background: transparent;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  padding: 0;
}
.profile__block--glass {
  background: rgba(37, 37, 37, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.profile__block--test-session.test--result .answer:before {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  border: 2px solid #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 85% 85%;
  background-position: 50% 100%;
}
.profile__block--test-session.test--result .answer.passed::before {
  border-color: #2CB742;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232CB742' d='M20.3 5.7l-11 11-5-5 1.4-1.4 3.6 3.6 9.6-9.6z'/%3E%3C/svg%3E");
}
.profile__block--test-session.test--result .answer.failed::before {
  border-color: #EB1E00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EB1E00' d='M18.3 5.7l-1.4-1.4L12 9.17 7.1 4.3 5.7 5.7l4.9 4.9-4.9 4.9 1.4 1.4 4.9-4.9 4.9 4.9 1.4-1.4-4.9-4.9z'/%3E%3C/svg%3E");
}
.profile__block--test-session.test--result .passed {
  color: #2CB742;
}
.profile__block--test-session.test--result .failed {
  color: #EB1E00;
}
.profile__block--test-session.test--result .profile__block--actions {
  padding-top: 3.75rem;
}
.profile__block--test-session.test--result .profile__block--actions .action__next-question {
  margin-left: auto;
  max-width: 100%;
  width: 30%;
}
.profile__content--primary {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  overflow: hidden;
}
.profile__content--primary .btn-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-block: 1rem;
}
.profile__content--primary .btn-group .next-step {
  margin-left: auto;
}
.profile__content--secondary {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  align-items: stretch;
  width: 100%;
}
.profile__content--row {
  display: flex;
  gap: 2.5rem;
}
.profile__block--grid {
  display: grid;
  gap: 1.5rem 2rem;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(3rem, auto);
  align-items: start;
}
.profile__block--grid .form-grid__group {
  width: 100%;
}
.profile__block--grid .form-grid__group--half {
  grid-column: span 1;
}
.profile__block--grid .form-grid__group--full {
  grid-column: 1/span 2;
}
.profile__block--grid .form-grid__row {
  grid-column: 3;
  grid-row: 1/span 6;
  align-self: start;
  height: max-content;
}
.profile__block--grid .form-actions {
  grid-column: 1/-1;
  display: flex;
  justify-content: flex-end;
}
.profile__info {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  max-width: 100%;
  gap: 2rem;
}
.profile__info .profile__action--edit, .profile__info .profile__action--back {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.profile__info .profile__action--edit .text, .profile__info .profile__action--back .text {
  display: flex;
  max-width: 100%;
}
.profile__info .profile__action--edit svg, .profile__info .profile__action--back svg {
  width: 100%;
  max-height: 1.5rem;
}
.profile__info .profile__action--edit svg path {
  fill: #FF7A00;
}
.profile__info-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 0 0 calc(50% - 2rem);
}
.profile .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1;
  border-radius: 100px;
  background-color: #fff;
  overflow: hidden;
  color: #030305;
  font-weight: 700;
}
.profile .avatar-img {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1.25em;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.profile .avatar--square {
  border-radius: 0;
  background-color: transparent;
}
.profile__welcome-card {
  grid-column: 1/3;
  grid-row: 1/4;
  padding: 1.875rem;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.profile__welcome-card--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.profile__welcome-card .btn-app {
  margin-top: auto;
}
.profile__new-project {
  grid-column: 3/4;
  grid-row: 1/2;
  padding: 1.875rem;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.profile__new-project--add {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #7F29FA;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 48px;
  height: 48px;
  transform: translateY(-50%);
}
.profile__new-project--add::before, .profile__new-project--add::after {
  content: "";
  position: absolute;
  background-color: #030305;
  width: 50%;
  height: 4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profile__new-project--add::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.profile__balance {
  grid-column: 3/4;
  grid-row: 2/4;
  padding: 1.875rem;
  flex-direction: column;
}
.profile__balance--value {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 1.75rem;
  background-color: #FF7A00;
  padding: 1rem 1.875rem;
  margin-top: 1.25rem;
}
.profile__progress {
  grid-column: 1/2;
  grid-row: 4/7;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 360px;
}
@media (max-width: 1660px) {
  .profile__progress {
    min-height: initial;
    max-height: 380px;
  }
}
.profile__progress__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 0 1 100%;
  padding: 1rem 1.25rem;
  background: radial-gradient(120% 160% at 0% 0%, rgba(255, 255, 255, 0.14) 0, rgba(255, 255, 255, 0) 55%), linear-gradient(145deg, rgba(34, 15, 94, 0.9), rgba(10, 28, 86, 0.9));
  border-radius: 1.5rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  max-height: 260px;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
.profile__progress__list::-webkit-scrollbar {
  width: 0.25rem;
}
.profile__progress__list::-webkit-scrollbar-track {
  background: transparent;
}
.profile__progress__list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 999px;
}
.profile__progress__list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}
.profile__progress__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: background 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.profile__progress__list-item:hover {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
.profile__progress__bar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.profile__progress__bar-track {
  display: flex;
  width: 100%;
  height: 1rem;
  border-radius: 1.75rem;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.profile__progress__bar-fill {
  position: absolute;
  height: 100%;
  width: var(--progress, 0);
  background: linear-gradient(to right, yellow, #FFD700, #FFEC8B, #FF7A00);
  transition: width 1s ease-in-out;
  animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
  from {
    width: 0;
  }
  to {
    width: var(--progress);
  }
}
.profile__progress__bar--values {
  display: flex;
  justify-content: space-between;
}
.profile__statistics {
  grid-column: 2/4;
  grid-row: 4/7;
  padding: 1.875rem;
  justify-content: space-between;
}
.profile__statistics--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.profile__statistics--item-value {
  color: #F63972;
}
.profile__statistics--icon-wrapper {
  display: flex;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate3d(-50%, 25%, 0);
  padding: 0.75rem;
  background-color: #7F29FA;
  border-radius: 50%;
}
.profile__statistics--icon {
  width: 100%;
  height: 100%;
}
.profile__statistics--main {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile__statistics--description {
  padding-bottom: 0.5rem;
}
.profile__statistics__summary {
  display: flex;
  justify-content: space-between;
  gap: 4.125rem;
  margin-top: auto;
  background-color: #fff;
  border-radius: 1.75rem;
  padding: 1rem 1.875rem;
  position: relative;
}
.profile__statistics__rating {
  display: flex;
  flex-direction: column;
  flex-direction: column;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.profile__statistics__rating--track__progress {
  --progress: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  background: conic-gradient(rgb(246, 57, 114) 0deg, rgb(255, 122, 0) calc(var(--progress) * 3.6deg), rgba(37, 37, 37, 0.75) calc(var(--progress) * 3.6deg));
}
.profile__statistics__rating--data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  width: 85%;
  height: 85%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1;
  background-color: #2b2d5a;
  border-radius: 50%;
}
.profile__statistics .total-score {
  margin-top: 1rem;
}
.profile__rating {
  grid-column: 1/4;
  grid-row: 7/8;
  padding: 1.875rem;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.profile__rating .rating__projects {
  margin-top: 1.5rem;
}
.profile__rating .rating__projects tbody {
  display: flex;
  width: 100%;
}
.profile__rating .rating__projects--header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-block: 0.75rem;
}
.profile__rating .rating__projects--header th {
  text-transform: uppercase;
}
.profile__rating .rating__projects .project__name {
  flex: 0 0 40%;
}
.profile__rating .rating__projects .project__participants {
  flex: 0 0 10%;
}
.profile__rating .rating__projects .project__views {
  flex: 0 0 10%;
}
.profile__rating .rating__projects .project__progress {
  flex: 0 0 10%;
}
.profile__rating .rating__projects .projects {
  display: flex;
  flex-direction: column;
  max-height: 50svh;
  overflow: auto;
}
.profile__rating .rating__projects .projects .project {
  display: flex;
  justify-content: space-between;
  padding-block: 1.25rem;
  border-top: 1px solid #56577A;
}
.profile__rating .rating__projects .projects .project__name {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.profile__rating .rating__projects .projects .project__views {
  display: flex;
  justify-content: flex-start;
}
.profile__rating .rating__projects .projects .project__participants {
  display: flex;
}
.profile__rating .rating__projects .projects .project__participants img:first-child {
  background-color: transparent;
}
.profile__rating .rating__projects .projects .project__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.2rem;
}
.profile__rating .rating__projects .projects .project__progress-bar-wrapper, .profile__rating .rating__projects .projects .project__progress-bar {
  width: 100%;
  background-color: rgba(18, 18, 18, 0.6);
  border-radius: 1.75rem;
  height: 4px;
}
.profile__rating .rating__projects .projects .project__progress-bar {
  background-color: #0075FF;
  transition: width 1s ease-in-out;
  animation: fadeIn 1s forwards;
}
@keyframes fadeIn {
  from {
    width: 0;
  }
  to {
    width: var(--progress);
  }
}
.profile .order-item {
  cursor: pointer;
}
.profile .order-item.active .profile-item__actions .toggle-icon:before {
  transform: rotate(0);
}
.profile .order-item.active .order-details {
  max-height: 10000px;
  padding: 1.125rem;
}
@media (min-width: 1660px) {
  .profile__welcome-card {
    aspect-ratio: 16/7;
  }
  .profile__progress {
    aspect-ratio: 16/11;
  }
}
@media (max-width: 1450px) {
  .profile__content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    align-items: stretch;
  }
  .profile__welcome-card {
    grid-column: 1/7;
    grid-row: 1/4;
    padding: 1.875rem;
    aspect-ratio: 16/6;
  }
  .profile__new-project {
    grid-column: 1/4;
    grid-row: 4/5;
    padding: 1.875rem;
  }
  .profile__balance {
    grid-column: 1/4;
    grid-row: 5/7;
    padding: 1.875rem;
  }
  .profile__progress {
    grid-column: 4/7;
    grid-row: 4/7;
    padding: 1.875rem;
  }
  .profile__statistics {
    grid-column: 1/7;
    grid-row: 8/10;
    padding: 1.875rem;
    aspect-ratio: 16/5;
  }
  .profile__rating {
    grid-column: 1/7;
    grid-row: 11/14;
    padding: 1.875rem;
  }
}
@media (max-width: 1180px) {
  .profile.courses_show {
    padding: 1rem 0;
  }
  .profile:not(.courses_show) {
    padding: 1rem;
  }
  .profile__block, .profile__block--primary {
    padding: 1.5rem;
  }
  .profile__info .profile__action--edit, .profile__info .profile__action--back {
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}
@media (max-width: 1180px) and (max-width: 1180px) {
  .profile__info .profile__action--edit, .profile__info .profile__action--back {
    top: 1.5rem;
    right: 1.5rem;
  }
}
@media (max-width: 991px) {
  .profile__welcome-card {
    grid-column: 1/7;
    grid-row: 1/4;
    padding: 1.875rem;
    aspect-ratio: 16/6;
  }
  .profile__new-project {
    grid-column: 1/7;
    grid-row: 4/5;
    padding: 1.875rem;
  }
  .profile__balance {
    grid-column: 1/7;
    grid-row: 5/7;
    padding: 1.875rem;
  }
  .profile__progress {
    grid-column: 1/7;
    grid-row: 7/10;
    padding: 1.875rem;
  }
  .profile__statistics {
    grid-column: 1/7;
    grid-row: 11/13;
    padding: 1.875rem;
    aspect-ratio: 16/7;
    gap: 0;
  }
  .profile__rating {
    grid-column: 1/7;
    grid-row: 14/16;
    padding: 1.875rem;
  }
  .profile__welcome-card {
    aspect-ratio: initial;
    padding: 1rem;
  }
  .profile__new-project, .profile__balance, .profile__progress, .profile__statistics, .profile__rating {
    padding: 1rem;
  }
}
.profile .filters-bar {
  display: flex;
  gap: 1.5rem;
  align-items: stretch;
  width: 100%;
  /* каждый элемент — равной ширины */
}
.profile .filters-bar > .filters-bar__item {
  flex: 1 1 0;
  min-width: 0;
}
.profile .filters-bar {
  /* внутри форм позиционируем иконки */
}
.profile .filters-bar .filter-search-form,
.profile .filters-bar .filter-select-form {
  position: relative;
  width: 100%;
}
.profile .filters-bar {
  /* поле поиска и селекты растягиваются на всю ширину */
}
.profile .filters-bar .input--search,
.profile .filters-bar .custom-select {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding-right: 40px;
}
.profile .filters-bar {
  /* стрелка/лупа справа по центру */
}
.profile .filters-bar .form-grid__group--icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.profile .filters-bar {
  /* базовая коробка инпута/селекта */
}
.profile .filters-bar .form-grid__group {
  margin: 0;
  position: relative;
}
.profile .filters-bar {
  /* нормализуем внешний вид кастомного селекта */
}
.profile .filters-bar .custom-select {
  appearance: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 10px 40px 10px 12px;
  line-height: 1.2;
}
.profile .filters-bar .input--search {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  padding: 10px 40px 10px 12px;
}
@media (max-width: 980px) {
  .profile__block--header {
    gap: 1rem;
  }
  .profile__welcome-card {
    aspect-ratio: 16/6;
  }
}
@media (max-width: 768px) {
  .profile__block--header {
    gap: 0.5rem;
  }
  .profile .projects__header .btn__add {
    margin-left: auto;
  }
  .profile .projects__header .list-items__dropdown {
    margin-left: initial;
    order: 2;
    flex: 0 0 60%;
  }
}
@media (max-width: 620px) {
  .profile__info .profile__action--edit, .profile__info .profile__action--back {
    padding-inline: 0.75rem;
  }
  .profile__info .text {
    display: none;
  }
  .profile__info-item {
    flex: 0 0 100%;
  }
  .profile__welcome-card {
    aspect-ratio: 16/8;
  }
  .profile .entities {
    grid-template-columns: initial;
  }
  .profile .entities .entity-card--blue {
    margin-bottom: 1rem;
  }
}
@media (max-width: 540px) {
  .profile__statistics {
    flex-direction: column;
    gap: 2rem;
    aspect-ratio: initial;
  }
  .profile__statistics__rating {
    max-width: 50%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 420px) {
  .profile__welcome-card {
    aspect-ratio: 16/9;
  }
}

.profile-content-container {
  flex: 0 1 100%;
}
.profile-content-container--default {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.profile-content-container--grid-middle {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  gap: 0.5rem;
}
.profile-content-container--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}

.profile-item {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1.75rem;
  height: fit-content;
}
.profile-item *:not(.btn-app):not(.profile-item__status) {
  color: #1E1D30;
}
.profile-item--grid-middle {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  gap: 0.5rem;
}
.profile-item--grid-middle .entity-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.125rem;
}
.profile-item--grid-middle .entity-column__items {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.profile-item--grid-middle .entity-column__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.profile-item--grid-middle .entity-column__item .icon {
  min-width: 24px;
}
.profile-item--grid-middle .entity-column__item.address {
  align-items: flex-start;
  max-width: 50%;
}
.profile-item--grid-middle .entity-column__item.messengers {
  display: flex;
  gap: 1rem;
}
.profile-item--grid-middle .entity-column__item.messengers a {
  width: 10%;
  aspect-ratio: 1/1;
}
.profile-item--grid-middle .entity-column__item.messengers a .icon {
  width: 100%;
  height: 100%;
}
.profile-item__actions, .profile-item__section {
  display: flex;
  flex: 0 1 auto;
  padding: 1.125rem;
}
.profile-item__actions {
  gap: 1rem;
  align-items: center;
}
.profile-item__action.toggle-icon {
  width: 1.5rem;
  height: 0.25rem;
  background-color: #2832f5;
  position: relative;
  margin-left: auto;
}
.profile-item__action.toggle-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.25rem;
  background-color: #2832f5;
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
}
.profile-item__status {
  border-radius: 0.75rem;
  padding: 0.375rem 0.625rem;
  color: #fff;
}
.profile-item .status--processing {
  background-color: #FFA500;
}
.profile-item .status--completed {
  background-color: #03D018;
}
.profile-item .status--cancelled {
  background-color: #A9A9A9;
}
.profile-item .status--in_delivery {
  background-color: #2630f5;
}
.profile-item__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom: 2px solid #030305;
}
.profile-item__section:last-child {
  border-bottom: 0;
}
.profile-item .product {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.profile-item .product__image-wrapper {
  flex: 0 1 20%;
  border-radius: 1.75rem;
  border: 1px solid #030305;
  overflow: hidden;
  padding: 1.125rem 2rem;
}
.profile-item .product__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.profile-item .product__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.profile-item .product__count {
  display: flex;
  width: fit-content;
  height: fit-content;
  border: 1px solid #030305;
  border-radius: 1rem;
  padding: 0.5rem 1.2rem;
  margin-left: auto;
}
.profile-item .order-details {
  max-height: 0;
  overflow: hidden;
  padding: 0 1.125rem;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.profile-item .order-details__section {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
.profile-item .order-details__section:nth-last-child(1) {
  flex-direction: column;
}
.profile-item .order-details__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-item .order-details__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.user-test__content {
  display: flex;
  padding: 15% 15% 10% 15%;
  position: relative;
}
.user-test__content .progress-bar {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.user-test__content .action__next-question {
  width: 50%;
  margin: 0 auto;
}
.user-test__analysis {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  gap: 1rem;
}
.user-test__analysis .title-medium {
  padding-bottom: 15%;
}
.user-test__analysis .loader-ai {
  aspect-ratio: 1/1;
  height: 15%;
  bottom: 10%;
}
@media (max-width: 620px) {
  .user-test__content {
    padding: 15% 10% 10% 10%;
  }
}
@media (max-width: 468px) {
  .user-test__content {
    padding: 20% 10% 10% 10%;
  }
}

.support__block {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}
.support__block .support__info {
  grid-column: 1/3;
}
.support__block .support__contact {
  grid-column: 3/6;
}
.support__block .support__contact a:not(.btn-app) {
  color: #FF7A00;
}
.support__block .support__contact .btn-app {
  width: 100%;
}
@media (max-width: 768px) {
  .support__block .support__info {
    grid-column: 1/6;
    grid-row: 1/3;
  }
  .support__block .support__contact {
    grid-column: 1/6;
    grid-row: 3/4;
  }
}

.profile__info--two-col {
  display: grid;
  grid-template-columns: clamp(120px, 18vw, 180px) 1fr;
  gap: 2rem;
  align-items: start;
}

.profile__info-col--avatar {
  grid-column: 1;
}

.profile__info-col--fields {
  grid-column: 2;
  min-width: 0;
}

.profile__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.profile__fields .profile__info-item {
  flex: 0 0 calc(50% - 2rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.profile__value {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.profile__actions-row {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.25rem;
}

@media (max-width: 700px) {
  .profile__info--two-col {
    grid-template-columns: 1fr;
  }
  .profile__info-col--avatar {
    justify-self: center;
  }
  .profile__info-col--fields {
    grid-column: 1;
  }
  .profile__fields .profile__info-item {
    flex: 0 0 100%;
  }
}
.aside_combo {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  flex: 0 0 30%;
  gap: 1rem;
  height: auto;
  position: sticky;
  top: 2rem;
}
@media (max-width: 1440px) {
  .aside_combo {
    flex: 0 0 20%;
  }
}
.aside_combo .sidebar {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 50svh;
  overflow-y: auto;
  margin-right: 0;
  padding-right: calc(1.875rem - 0.375rem);
  border-right: 2px solid transparent;
  background-clip: padding-box;
  scrollbar-gutter: stable;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 183, 201, 0.2) transparent;
  /* WebKit */
}
.aside_combo .sidebar::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
  background: transparent;
}
.aside_combo .sidebar::-webkit-scrollbar-track {
  background: transparent;
}
.aside_combo .sidebar::-webkit-scrollbar-thumb {
  background: rgba(176, 183, 201, 0.2);
  border-radius: 20px;
}
.aside_combo .sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(176, 183, 201, 0.3);
}
.aside_combo .sidebar::-webkit-scrollbar-corner {
  background: transparent;
}
.aside_combo .sidebar {
  /* прячем ВСЕ стрелки */
}
.aside_combo .sidebar::-webkit-scrollbar-button, .aside_combo .sidebar::-webkit-scrollbar-button:single-button, .aside_combo .sidebar::-webkit-scrollbar-button:vertical:decrement, .aside_combo .sidebar::-webkit-scrollbar-button:vertical:increment, .aside_combo .sidebar::-webkit-scrollbar-button:horizontal:decrement, .aside_combo .sidebar::-webkit-scrollbar-button:horizontal:increment, .aside_combo .sidebar::-webkit-scrollbar-button:start:decrement, .aside_combo .sidebar::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
}
.aside_combo .sidebar li {
  list-style-type: none;
}
.aside_combo .sidebar__list {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
}
.aside_combo .sidebar__item {
  display: flex;
  flex-direction: column;
  row-gap: 0;
  transition: gap 0.3s ease-in-out;
}
.aside_combo .sidebar__item--active {
  gap: 1.5rem;
}
.aside_combo .sidebar__header, .aside_combo .sidebar__subitem {
  display: flex;
  width: 100%;
  font-family: "DrukWideCyr Bold";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}
.aside_combo .sidebar__header {
  gap: 1rem;
  font-size: 1.25em;
}
.aside_combo .sidebar__icon {
  margin-left: auto;
}
.aside_combo .sidebar__sublist {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  padding-left: 1.375rem;
}
.aside_combo .sidebar__sublist span {
  color: #fff;
}
.aside_combo .sidebar__subitem {
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  font-size: 1.0625em;
}
.aside_combo .sidebar__subitem a {
  display: flex;
  align-items: center;
  color: #fff;
  transition: color 0.3s ease-in-out;
}
.aside_combo .sidebar__subitem a:hover {
  color: #FF7A00;
}
.aside_combo .sidebar__subitem.is-active a {
  color: #FF7A00;
}
.aside_combo .sidebar__subitem .sidebar__sublink {
  display: grid;
  grid-template-columns: 2ch 1fr auto;
  gap: 1rem;
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
}
.aside_combo .sidebar__subitem .sidebar__sublink--active span {
  color: #FF7A00;
}
.aside_combo .sidebar__subitem .subitem__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.aside_combo .sidebar__actions {
  display: flex;
  gap: 1rem;
}
.aside_combo .sidebar__actions .sidebar__action {
  padding: 0.35rem;
  border-radius: 50%;
}
.aside_combo .sidebar__actions .sidebar__action--edit {
  background-color: #FF7A00;
}
.aside_combo .sidebar__actions .sidebar__action--delete {
  background-color: #e30000;
}
.aside_combo .sidebar__subtitle {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.aside_combo .sidebar__lock {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 16px;
  height: 16px;
  margin-left: 0.25rem;
}
.aside_combo .sidebar__lock-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.profile--data .btn-archived-courses {
  width: 100%;
}
.profile--data .btn-archived-courses turbo-frame {
  width: fit-content;
}
.profile--data .profile__block--primary {
  gap: 2rem;
}

.test-results {
  grid-template-columns: repeat(3, 1fr);
}
.test-results__header {
  grid-column: 1/3;
  grid-row: 1/3;
  padding: 1.875rem;
  position: relative;
  overflow: hidden;
}
.test-results__header .test-results__image--wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.test-results__header .test-results__image--wrapper .test-results__image {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: -20%;
  object-fit: contain;
}
.test-results__header .test-results__image--wrapper .test-results__image--background {
  position: absolute;
  top: 0;
  left: 0;
  width: 126%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  transform: rotate(-20deg);
}
.test-results__header .test-results__people {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-top: auto;
}
.test-results__header .test-results__people p {
  max-width: 53%;
}
.test-results__offer--courses {
  grid-column: 3/5;
}
.test-results__offer--course {
  grid-column: 3/5;
}
.test-results__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.test-results__title h1 {
  max-width: 88%;
}
.test-results__title p {
  max-width: 75%;
}
.test-results .test-purpose__cards {
  padding-block: 2rem;
}
@media (min-width: 1450px) {
  .test-results .test-purpose__cards .test-purpose__card--dark:nth-child(2) {
    grid-row: 1/8;
  }
}
.test-results__offer--courses {
  justify-content: space-between;
  gap: 2rem;
  background: linear-gradient(130deg, #FF7A00 16.68%, #FB4343 69.36%);
}
.test-results__offer--courses a {
  width: 100%;
}
.test-results__offer--course__description {
  padding: 1.875rem;
}
.test-results__offer--course__description p {
  padding-block: 0.4rem 1.875rem;
}
.test-results__offer--course__description .btn-app {
  width: 100%;
}
.test-results__analysis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: stretch;
  grid-column: 1/5;
  grid-row: 4/10;
  padding: 1.875rem;
}
.test-results__analysis-title {
  grid-column: 1/4;
  grid-row: 1/2;
  padding: 1.875rem;
}
.test-results__competencies {
  grid-column: 1/3;
  grid-row: 2/5;
  padding: 0;
}
.test-results__competencies canvas {
  min-width: 90%;
  max-width: 90%;
  min-height: 90%;
  max-height: 90%;
}
.test-results__recommendation {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  grid-column: 1/4;
  grid-row: 6/auto;
  padding: 1.875rem;
}
.test-results__bars {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
.test-results .course__recommendation {
  grid-column: 1/5;
}
.test-results .support__block {
  grid-column: 1/5;
  grid-row: 11/13;
}
@media (max-width: 1180px) {
  .test-results__header {
    padding: 1.5rem;
  }
  .test-results__offer--course__description {
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .test-results__header {
    grid-row: 1/5;
    grid-column: 1/5;
    aspect-ratio: 1/0.75;
  }
  .test-results__offer--courses {
    grid-column: 3/5;
  }
  .test-results__offer--course {
    grid-column: 1/3;
  }
  .test-results__offer--courses, .test-results__offer--course {
    grid-row: 5/8;
  }
  .test-results__analysis {
    grid-row: 9/auto;
    padding: 1rem;
  }
  .test-results__analysis-title {
    padding: 1rem;
  }
  .test-results__competencies {
    grid-row: 2/3;
    grid-column: 1/5;
    aspect-ratio: 1/1;
  }
  .test-results__competencies canvas {
    min-width: 100%;
    max-width: 100%;
  }
  .test-results__bars {
    grid-row: 3/5;
    grid-column: 1/5;
  }
  .test-results__recommendation {
    grid-row: 5/auto;
    padding: 1rem;
  }
  .test-results .test-results__people p {
    max-width: 70%;
  }
}
@media (max-width: 568px) {
  .test-results__header {
    aspect-ratio: 1/1;
    min-height: fit-content;
  }
  .test-results__header .test-results__image--wrapper {
    max-width: 60%;
    height: 90%;
  }
  .test-results__offer--course {
    grid-column: 1/5;
  }
  .test-results__offer--courses {
    grid-column: 1/5;
    grid-row: 10/12;
  }
  .test-results__analysis {
    grid-row: 12/auto;
  }
  .test-results .test-purpose__cards {
    padding: 0;
  }
  .test-results .support__block {
    grid-row: 13/15;
  }
}
.test-results__recommendation-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.test-results__support {
  grid-column: 1/3;
}
.test-results__contact {
  grid-column: 4/6;
}

.profile__content--secondary .project__button {
  cursor: pointer;
}
.profile__content--secondary .project-launch {
  grid-column: 1/5;
  grid-row: 1/6;
  padding: 1.875rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  aspect-ratio: 6/5;
  position: relative;
  padding: 0;
  overflow: initial;
}
.profile__content--secondary .project-launch__actions {
  flex: 0 0 10%;
}
.profile__content--secondary .project-launch__preview {
  position: relative;
  flex: 0 0 90%;
  border-radius: 1.75rem 1.75rem 0 0;
  overflow: hidden;
}
.profile__content--secondary .project-launch__preview--project, .profile__content--secondary .project-launch__preview--image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile__content--secondary .project-launch__preview .image--not {
  object-fit: contain;
}
.profile__content--secondary .project-launch__preview .project-launch__start-button--wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7607843137);
  border-radius: 50%;
  transition: box-shadow 0.3s ease-in-out;
  padding: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media (hover: hover) and (pointer: fine) {
  .profile__content--secondary .project-launch__preview .project-launch__start-button--wrapper:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}
.profile__content--secondary .project-launch__actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-inline: 1.5rem;
  gap: 1.25rem;
  height: 100%;
}
.profile__content--secondary .project-launch__actions .project__button {
  max-height: 1.5rem;
  aspect-ratio: 1/1;
}
.profile__content--secondary .project-launch__actions .project__button img {
  width: 100%;
  height: 100%;
}
.profile__content--secondary .project-launch__fullscreen-button {
  margin-left: auto;
}
.profile__content--secondary .project-info {
  grid-column: 5/7;
  grid-row: 1/2;
  padding: 1.875rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  position: relative;
}
.profile__content--secondary .project-info__author {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.profile__content--secondary .project-info__date {
  margin-left: auto;
  white-space: nowrap;
}
.profile__content--secondary .project-info__stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.profile__content--secondary .project-info__stats .stat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1.25rem;
  background-color: rgba(74, 74, 74, 0.42);
  border-radius: 100px;
  transition: background-color 0.3s ease-in-out;
}
.profile__content--secondary .project-info__stats .stat .icon path {
  transition: fill 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .profile__content--secondary .project-info__likes:hover {
    background: rgba(235, 60, 114, 0.42);
  }
}
.profile__content--secondary .project-info .likes--active {
  background: rgb(235, 60, 114);
}
.profile__content--secondary .project-info .likes--active .icon path {
  fill: #fff;
}
.profile__content--secondary .project-info .project--delete {
  width: 100%;
}
.profile__content--secondary .project-instructions {
  grid-column: 5/7;
  grid-row: 2/6;
  padding: 1.875rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.profile__content--secondary .project-instructions .project-categories__tags {
  margin-top: auto;
}
.profile__content--secondary .project-instructions * {
  color: #fff;
}
.profile__content--secondary .project-description {
  grid-column: 1/7;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
.profile__content--secondary .project-description * {
  color: #fff;
}

@media (max-width: 1510px) {
  .project-show {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1rem;
    align-items: stretch;
  }
  .project-show .project-launch {
    grid-column: 1/5;
    grid-row: 1/6;
    padding: 0;
  }
  .project-show .project-info {
    grid-column: 5/8;
    grid-row: 1/2;
    padding: 1.875rem;
  }
  .project-show .project-instructions {
    grid-column: 5/8;
    grid-row: 2/6;
    padding: 1.875rem;
  }
  .project-show .project-description {
    grid-column: 1/8;
  }
}
@media (max-width: 1248px) {
  .project-show .project-info, .project-show .project-instructions, .project-show .project-description {
    padding: 1.25rem;
  }
}
@media (max-width: 1168px) {
  .project-show .project-launch {
    grid-column: 1/8;
    grid-row: 1/6;
    padding: 0;
  }
  .project-show .project-info {
    grid-column: 1/4;
    grid-row: 6/8;
    padding: 1rem;
  }
  .project-show .project-instructions {
    grid-column: 4/8;
    grid-row: 6/8;
    padding: 1rem;
  }
  .project-show .project-description {
    grid-column: 1/8;
    grid-row: 8/10;
    padding: 1rem;
  }
}
@media (max-width: 1128px) {
  .project-show .project-info {
    grid-column: 1/8;
    grid-row: 6/8;
    padding: 1rem;
  }
  .project-show .project-instructions {
    grid-column: 1/8;
    grid-row: 8/10;
    padding: 1rem;
  }
  .project-show .project-description {
    grid-column: 1/8;
    grid-row: 10/12;
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .project-show .project-launch__actions {
    padding-inline: 1rem;
  }
}
.projects-slider__wrapper.primary-slider .swiper-container .swiper-actions-move .swiper-button-prev, .projects-slider__wrapper.primary-slider .swiper-container .swiper-actions-move .swiper-button-next {
  border-color: #FF7A00;
}

#project, .projects_new {
  width: 100%;
}
#project .profile__content--primary, .projects_new .profile__content--primary {
  min-width: 65svw;
}
#project .form--primary__project, .projects_new .form--primary__project {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  overflow: hidden;
  padding: 1.875rem;
  position: relative;
}
#project .form--primary__project .actions, .projects_new .form--primary__project .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.profile-docs {
  gap: 1.25rem;
}
.profile-docs__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-docs__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 980px) {
  .profile-docs__cols {
    grid-template-columns: 1fr;
  }
}
.profile-docs__col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.profile-docs__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 980px) {
  .profile-docs__grid {
    grid-template-columns: 1fr;
  }
}

.doc-card {
  position: relative;
  border-radius: 1.75rem;
  padding: 1rem 1rem 1rem 1rem;
  background: rgba(18, 18, 65, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 1rem;
  overflow: hidden;
}
.doc-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgb(38, 48, 245), rgb(255, 122, 0));
  opacity: 0.9;
}
.doc-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  color: #fff;
}
.doc-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}
.doc-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.doc-card__title {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.doc-card__desc {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
}
.doc-card__status {
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 14px;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.doc-card__file {
  margin-top: 0.35rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.doc-card__file-name {
  color: rgba(255, 255, 255, 0.9);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.doc-card__link {
  color: #82a1ff;
  text-decoration: underline;
}
.doc-card__reject {
  margin-top: 0.25rem;
  color: rgba(255, 49, 49, 0.9);
}
.doc-card__error {
  margin-top: 0.25rem;
  color: rgba(255, 49, 49, 0.95);
  font-weight: 700;
}
.doc-card__actions {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.doc-card__actions-row {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.doc-card__file-input {
  display: none;
}
.doc-card__upload-state {
  min-height: 22px;
}
.doc-card.is-empty .doc-card__status {
  background: rgba(120, 119, 131, 0.18);
  color: rgba(255, 255, 255, 0.75);
}
.doc-card.is-pending .doc-card__status {
  background: rgba(38, 48, 245, 0.18);
  color: rgb(160, 182, 255);
}
.doc-card.is-approved .doc-card__status {
  background: rgba(52, 199, 89, 0.18);
  color: rgb(120, 255, 170);
}
.doc-card.is-rejected .doc-card__status {
  background: rgba(255, 49, 49, 0.18);
  color: rgb(255, 140, 140);
}

.doc-preview {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.doc-preview__body {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.doc-preview__image {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.doc-preview__pdf {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  border: 0;
  border-radius: 12px;
}

.profile-experience {
  gap: 1.25rem;
}
.profile-experience__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-experience__section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 980px) {
  .profile-experience__section {
    grid-template-columns: 1fr;
  }
}
.profile-experience__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-experience__list {
  margin: 0;
  padding-left: 1.2rem;
}
.profile-experience__period {
  color: rgba(255, 255, 255, 0.65);
}

.profile__nested-row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.profile__nested-row--two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 980px) {
  .profile__nested-row--two {
    grid-template-columns: 1fr;
  }
}
.profile__nested-row--remove {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#course.profile-course {
  --min-h-mobile: clamp(360px, 80svh, 460px);
  --min-h-tablet: clamp(420px, 72svh, 520px);
  z-index: 1001;
}
#course.profile-course .ellipse, #course.profile-course .asteroid {
  display: none;
}
#course.profile-course .swiper-container {
  padding-bottom: 0;
}
#course.profile-course .swiper-container .swiper-container__header {
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  position: relative;
  padding: clamp(1rem, 10vw, 1.875rem);
}
#course.profile-course .swiper-container .swiper-container__header .swiper-actions-move .swiper-button-prev, #course.profile-course .swiper-container .swiper-container__header .swiper-actions-move .swiper-button-next {
  border-color: #FF7A00;
}
#course.profile-course .swiper-container .swiper-wrapper .swiper-slide .title-middle-small, #course.profile-course .swiper-container .swiper-wrapper .swiper-slide .text-large {
  padding-inline: 1.875rem;
}
#course.profile-course .swiper-container .swiper-wrapper .swiper-slide .entity-card__info {
  background: transparent;
}
#course.profile-course #main {
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  position: relative;
  overflow: hidden;
  height: fit-content;
}
#course.profile-course #main .background {
  display: none;
}
#course.profile-course #main .asteroid {
  display: block;
}
#course.profile-course #main .page-image {
  bottom: 0;
}
#course.profile-course #main .container {
  min-height: 72svh;
  padding: clamp(1rem, 5vw, 1.875rem);
}
#course.profile-course #main .container .info-block {
  gap: clamp(1rem, 10vw, 2.8125rem);
  margin-block: initial;
}
#course.profile-course .promo-banner.container {
  padding: 0;
  margin-top: clamp(1.5rem, 10vw, 1.875rem);
}
#course.profile-course .promo-banner.container .promo-banner__content {
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  position: relative;
}
#course.profile-course .promo-banner.container .promo-banner__content .promo-banner__ball, #course.profile-course .promo-banner.container .promo-banner__content .promo-banner__title {
  display: none;
}
#course.profile-course .study-periods {
  padding: 0;
}
#course.profile-course .study-periods__title {
  display: none;
}
#course.profile-course .study-periods__content__list:before {
  background-image: url(/assets/img/main/bable-course-period--secondary-9482552a25973ecdcd266791dc344279010d86a875d221d1bad794042729fdca.png);
}
#course.profile-course .study-periods .training-stages-lists__list .training-stages-list__item {
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  position: relative;
  border: 0;
}
#course.profile-course .study-periods .training-stages-lists__list .training-stages-list__item .drop-down__item--tool, #course.profile-course .study-periods .training-stages-lists__list .training-stages-list__item .drop-down__item--tool:before {
  border-color: #FF7A00;
}
#course.profile-course .introductory {
  padding: 0;
}
#course.profile-course .introductory__title {
  display: none;
}
#course.profile-course .introductory__info {
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  -webkit-backdrop-filter: blur(18.5px);
  backdrop-filter: blur(18.5px);
  position: relative;
}
#course.profile-course .introductory__info * {
  color: #fff;
}
#course.profile-course .introductory__info-items svg path {
  fill: #fff;
}
#course.profile-course .students-projects {
  padding: 0;
}
#course.profile-course .custom-form, #course.profile-course .user-request-trial, #course.profile-course .filials {
  display: none;
}
#course.profile-course .courses-list .swiper-container .swiper-wrapper .entity-card.swiper-slide {
  padding-bottom: 0;
}
#course.profile-course .courses-list .swiper-container .swiper-wrapper .entity-card.swiper-slide .entity-card__info1 {
  background: transparent;
}
#course.profile-course .entities-slider--wrapper.teachers .swiper-container .swiper-wrapper .teacher__name {
  padding-inline: 0;
}
#course.profile-course .entities-slider--wrapper.teachers .swiper-container .swiper-wrapper .teacher__info {
  padding: clamp(0.5rem, 10vw, 1.25rem) clamp(1rem, 10vw, 1.875rem);
}
@media (max-width: 1023px) {
  #course.profile-course {
    z-index: 1;
  }
}
@media (min-width: 600px) and (max-width: 1023px) {
  #course.profile-course {
    min-height: var(--min-h-tablet);
    min-block-size: var(--min-h-tablet);
  }
}
@media (min-width: 1024px) {
  #course.profile-course {
    min-height: var(--teacher-min-h-desktop);
    min-block-size: var(--teacher-min-h-desktop);
  }
  #course.profile-course #main {
    min-height: var(--teacher-min-h-desktop);
    min-block-size: var(--teacher-min-h-desktop);
    height: auto;
    overflow-x: hidden;
    overflow-y: visible;
  }
}

.courses_new .profile--data .dropdowns__wrapper, .courses_edit .profile--data .dropdowns__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.625rem;
}
.courses_new .profile--data .dropdown, .courses_edit .profile--data .dropdown {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: gap 0.3s ease-in-out;
}
.courses_new .profile--data .dropdown--icon, .courses_edit .profile--data .dropdown--icon {
  flex: 0 0 4%;
  display: block;
  align-self: stretch;
  aspect-ratio: 1;
  width: auto;
  min-width: auto;
  height: 100%;
  max-width: 28px;
  max-height: 28px;
  cursor: pointer;
  position: relative;
}
.courses_new .profile--data .dropdown--icon::before, .courses_new .profile--data .dropdown--icon::after, .courses_edit .profile--data .dropdown--icon::before, .courses_edit .profile--data .dropdown--icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 2px;
  background-color: #2630f5;
  transform-origin: center;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.courses_new .profile--data .dropdown__header, .courses_edit .profile--data .dropdown__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.courses_new .profile--data .dropdown__header--arrow, .courses_edit .profile--data .dropdown__header--arrow {
  transition: transform 0.3s ease-in-out;
}
.courses_new .profile--data .dropdown__body, .courses_edit .profile--data .dropdown__body {
  max-height: 0;
  overflow: hidden;
  border: 0;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, border 0.5s ease-in-out, opacity 0.3s ease-in-out;
}
.courses_new .profile--data .dropdown__body td, .courses_new .profile--data .dropdown__body th, .courses_edit .profile--data .dropdown__body td, .courses_edit .profile--data .dropdown__body th {
  border: 0;
}
.courses_new .profile--data .dropdown-active, .courses_edit .profile--data .dropdown-active {
  gap: 0.5rem;
}
.courses_new .profile--data .dropdown-active .dropdown__header .dropdown__header--arrow, .courses_edit .profile--data .dropdown-active .dropdown__header .dropdown__header--arrow {
  transform: rotate(180deg);
}
.courses_new .profile--data .dropdown-active .dropdown--icon::after, .courses_edit .profile--data .dropdown-active .dropdown--icon::after {
  transform: translate(-50%, -50%) rotate(0);
  opacity: 1;
}
.courses_new .profile--data .dropdown-active .dropdown__body, .courses_edit .profile--data .dropdown-active .dropdown__body {
  max-height: 10000px;
  border: initial;
  transition: max-height 0.9s ease-in-out, border 0.9s ease-in-out;
  opacity: 1;
}
.courses_new .profile--data .modules__list h2, .courses_new .profile--data .modules__list a, .courses_edit .profile--data .modules__list h2, .courses_edit .profile--data .modules__list a {
  white-space: nowrap;
}
.courses_new .profile--data .modules__list .nested-module, .courses_edit .profile--data .modules__list .nested-module {
  gap: 0;
}
.courses_new .profile--data .modules__list .dropdown-active, .courses_edit .profile--data .modules__list .dropdown-active {
  gap: 1.875rem;
}
.courses_new .profile--data .modules__list .dropdown-active .dropdown__header--arrow, .courses_edit .profile--data .modules__list .dropdown-active .dropdown__header--arrow {
  transform: rotate(90deg);
}

.group-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  height: fit-content;
  padding: 1rem 1.25rem;
  border-radius: 1.75rem;
  background: rgba(37, 37, 37, 0.75);
  backdrop-filter: blur(18.5px);
  -webkit-backdrop-filter: blur(18.5px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-decoration: none;
  color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .group-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  }
}
.group-card__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.group-card__title {
  font-family: "DrukWideCyr Bold";
  font-weight: 800;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
.group-card__menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 999px;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0.7;
}
.group-card__menu-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}
.group-card__members {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
  isolation: isolate;
}
.group-card__members > * + * {
  margin-left: -12px;
}
.group-card__members .group-card__counter {
  margin-left: -12px;
}
.group-card__avatar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 42px;
  height: 42px;
  position: relative;
  overflow: hidden;
  background: #262249;
  border-radius: 50%;
  border: 3px solid #3A2B54;
}
.group-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.group-card__avatar--me, .group-card__avatar--initials {
  background: #fff;
  color: #030305;
  font-family: "DrukWideCyr Bold";
  font-size: 12px;
  line-height: 1;
}
.group-card__counter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  border: 3px solid #3A2B54;
  backdrop-filter: blur(2px);
}
.group-card__status {
  margin-top: 0.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
}
.group-card__status-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}
.group-card__status-text {
  line-height: 1.3;
}

.print-accesses {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(1rem, 4vw, 2.5rem);
  color: #0B1020;
}
.print-accesses__card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.25);
  padding: clamp(1rem, 2.2vw, 1.6rem);
}
.print-accesses__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.print-accesses__title {
  margin: 0;
  font-size: clamp(1.2rem, 2.4vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0.2px;
}
.print-accesses__meta {
  margin: 0.25rem 0 0;
  opacity: 0.78;
  font-size: 0.95rem;
}
.print-accesses__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.print-accesses__notice {
  margin: 1rem 0 0;
  padding: 0.75rem 1rem;
  border-radius: 14px;
  background: rgba(11, 16, 32, 0.04);
  border: 1px solid rgba(11, 16, 32, 0.08);
  font-size: 0.95rem;
  line-height: 1.45;
}
.print-accesses__table-wrap {
  margin-top: 1rem;
  border-radius: 18px;
  border: 1px solid rgba(11, 16, 32, 0.08);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.print-accesses__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 820px;
  background: rgba(255, 255, 255, 0.98);
}
.print-accesses__table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(11, 16, 32, 0.03);
  font-weight: 700;
  font-size: 0.9rem;
  text-align: left;
  padding: 0.85rem 0.95rem;
  border-bottom: 1px solid rgba(11, 16, 32, 0.1);
}
.print-accesses__table tbody td {
  padding: 0.85rem 0.95rem;
  border-bottom: 1px solid rgba(11, 16, 32, 0.08);
  vertical-align: top;
  font-size: 0.95rem;
}
.print-accesses__table tbody tr:last-child td {
  border-bottom: 0;
}
.print-accesses__table-url {
  word-break: break-word;
  overflow-wrap: anywhere;
  font-size: 0.875rem;
  opacity: 0.95;
}
@media (max-width: 768px) {
  .print-accesses__table {
    min-width: 740px;
  }
}
@media (max-width: 420px) {
  .print-accesses__table {
    min-width: 680px;
  }
}

@media print {
  body.profiles {
    background: none !important;
  }
  .print-accesses {
    max-width: none;
    padding: 0;
  }
  .print-accesses__card {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
  }
  .print-accesses__actions {
    display: none;
  }
  .print-accesses__table-wrap {
    border: 0;
    border-radius: 0;
  }
  .print-accesses__table {
    min-width: 0;
  }
  .print-accesses__table thead th {
    position: static;
  }
}
#profile.lessens--course .profile--data .lesson--content {
  justify-content: flex-start;
  flex: 1;
  max-width: initial;
  min-width: 0;
}
#profile.lessens--course .profile--data .lesson--content ul {
  padding-left: 1.1rem;
}
#profile.lessens--course .profile--data .lesson--content .lesson--video {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  overflow: hidden;
  background: #000;
  border-radius: 0.75rem;
  --player-h: clamp(360px, 40vw, 720px);
  height: var(--player-h);
}
#profile.lessens--course .profile--data .lesson--content .lesson--video video, #profile.lessens--course .profile--data .lesson--content .lesson--video iframe {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #000;
}
#profile.lessens--course .profile--data .lesson--content .lesson-description *:not(a):not(a *) {
  color: #fff;
}
#profile.lessens--course .profile--data .lesson--content .lessens--actions {
  flex: 0 0 30%;
  min-width: 320px;
}
#profile.lessens--course .profile--data .lesson--content .lessens--actions .btn-app {
  width: 100%;
}
#profile.lessens--course .profile--data .lesson--content .lessens--actions .lesson-materials .profile-content-container--default {
  width: 100%;
  min-width: 0;
}
#profile.lessens--course .profile--data .lesson--content .lessens--actions .lesson-materials__item {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  color: #FF7A00;
  padding-bottom: 1%;
  overflow-wrap: anywhere;
  min-width: 0;
}
#profile.lessens--course .profile--data .lesson--content .lessens--actions .lesson-materials__item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #FF7A00;
}
#profile.lessens--course .profile__block h1, #profile.lessens--course .profile__block h2, #profile.lessens--course .profile__block h3, #profile.lessens--course .profile__block h4, #profile.lessens--course .profile__block p {
  color: #fff;
}
#profile.lessens--course .lesson-tabs {
  display: none;
}
#profile.lessens--course .lesson-tabs .lesson-tabs__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.75rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #D6D9DC transparent;
}
#profile.lessens--course .lesson-tabs .lesson-tabs__header::-webkit-scrollbar {
  height: 0.375rem;
}
#profile.lessens--course .lesson-tabs .lesson-tabs__header::-webkit-scrollbar-track {
  background: transparent;
}
#profile.lessens--course .lesson-tabs .lesson-tabs__header::-webkit-scrollbar-thumb {
  background: #D6D9DC;
  border-radius: 6px;
}
#profile.lessens--course .lesson-tabs .toggle-switch__item {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 12px;
  border-radius: 0.5rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}
#profile.lessens--course .lesson-tabs .toggle-switch__item.toggle-switch__item--active {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
#profile.lessens--course .lesson-tabs .toggle-switch__item:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.3);
  outline-offset: 2px;
}
#profile.lessens--course .lesson-tabs .lesson-tabs__panels {
  margin-top: 12px;
}
#profile.lessens--course .lesson-desktop-stack {
  display: block;
}
#profile.lessens--course .lesson-desktop-stack .desktop-two-col {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 16px;
  align-items: start;
}
#profile.lessens--course .lesson-desktop-stack .lesson-main {
  width: 100%;
  min-width: 0;
  justify-self: center;
}
#profile.lessens--course .lesson-desktop-stack .lesson-main .lesson--content {
  margin: 0 auto;
}
#profile.lessens--course .lesson-subheader {
  display: none;
}
#profile.lessens--course .lesson-subheader__inner {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 8px;
  padding: 4px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
#profile.lessens--course .lesson-subheader__arrow {
  height: 44px;
  width: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s ease, opacity 0.2s ease;
}
#profile.lessens--course .lesson-subheader__arrow .icon-chevron {
  font-size: 22px;
  line-height: 1;
  transform: translateY(-1px);
}
#profile.lessens--course .lesson-subheader__arrow:hover {
  background: rgba(255, 255, 255, 0.08);
}
#profile.lessens--course .lesson-subheader__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}
#profile.lessens--course .lesson-subheader__title {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 0.5rem;
  text-align: initial;
  width: 100%;
  appearance: none;
  border: 0;
  background: linear-gradient(180deg, #FF7A00, #FF7A00);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12) inset, 0 0 0 0 rgba(255, 122, 0, 0.45);
  color: #fff;
  border-radius: 100px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  overflow: hidden;
  white-space: normal;
  text-overflow: clip;
}
#profile.lessens--course .lesson-subheader__index {
  white-space: nowrap;
  font-weight: 700;
}
#profile.lessens--course .lesson-subheader__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  text-align: left;
  overflow-wrap: anywhere;
  font-weight: 700;
}
#profile.lessens--course .aside_combo .aside_combo__close {
  display: none;
}
@media (max-width: 1199px) {
  #profile.lessens--course .lesson-subheader {
    display: block;
  }
  #profile.lessens--course .lesson-tabs {
    display: block;
  }
  #profile.lessens--course .lessens--actions {
    display: none;
  }
  #profile.lessens--course .lesson--video {
    --player-h: clamp(280px, 56.25vw, 520px);
    height: var(--player-h);
    border-radius: 0.75rem;
    margin-bottom: 12px;
  }
  #profile.lessens--course .lesson-desktop-stack {
    display: none;
  }
  #profile.lessens--course .aside_combo {
    width: clamp(280px, 82vw, 360px);
    height: 100dvh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    pointer-events: none;
  }
  #profile.lessens--course .aside_combo .aside_combo__close {
    display: inline-flex;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.2s ease, transform 0.08s ease, opacity 0.2s ease;
  }
  #profile.lessens--course .aside_combo .aside_combo__close::before, #profile.lessens--course .aside_combo .aside_combo__close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.9);
    transform-origin: center;
    transition: background 0.2s ease;
  }
  #profile.lessens--course .aside_combo .aside_combo__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #profile.lessens--course .aside_combo .aside_combo__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #profile.lessens--course .aside_combo .aside_combo__close:hover {
    background: rgba(255, 255, 255, 0.16);
  }
  #profile.lessens--course .aside_combo .aside_combo__close:hover::before, #profile.lessens--course .aside_combo .aside_combo__close:hover::after {
    background: #fff;
  }
  #profile.lessens--course .aside_combo .aside_combo__close:active {
    transform: scale(0.96);
    opacity: 0.95;
  }
  #profile.lessens--course .aside_combo > .profile__block {
    height: 100%;
    overflow: auto;
    padding-top: 56px;
  }
  #profile.lessens--course .aside_combo .aside_combo__backdrop {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
  }
  #profile.lessens--course .aside_combo.is-open {
    transform: translateX(0);
    pointer-events: auto;
  }
  #profile.lessens--course .aside_combo.is-open .aside_combo__backdrop {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 767px) {
  #profile.lessens--course .aside_combo {
    width: 100svw;
    max-height: 100svh;
  }
  #profile.lessens--course .aside_combo .sidebar {
    max-height: 100%;
    border-radius: 0;
  }
  #profile.lessens--course .aside_combo .aside_combo__close {
    top: 6px;
    right: 6px;
    width: 36px;
    height: 36px;
  }
  #profile.lessens--course .aside_combo .aside_combo__close::before, #profile.lessens--course .aside_combo .aside_combo__close::after {
    width: 16px;
  }
  #profile.lessens--course .lesson-subheader__inner {
    grid-template-columns: 40px 1fr 40px;
  }
  #profile.lessens--course .lesson-subheader__arrow {
    width: 40px;
    height: 40px;
  }
  #profile.lessens--course .lesson-subheader__arrow .icon-chevron {
    font-size: 20px;
  }
  #profile.lessens--course .lesson-subheader__title {
    min-height: 40px;
    padding: 0.375rem 0.75rem;
  }
  #profile.lessens--course .lesson-tabs__header {
    padding: 0.5rem;
    gap: 0.375rem;
  }
  #profile.lessens--course .toggle-switch__item {
    padding: 0.75rem 0.625rem;
    font-size: 14px;
  }
  #profile.lessens--course .lesson-tabs__panels {
    margin-top: 10px;
  }
  #profile.lessens--course .profile__block,
  #profile.lessens--course .profile__block--primary,
  #profile.lessens--course .profile__block--secondary {
    border-radius: 0.75rem;
    padding: 14px;
  }
  #profile.lessens--course .btn-app {
    height: 48px;
    font-size: 15px;
  }
}

.test-editor {
  gap: 3.75rem;
}
.test-editor__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.test-editor__questions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.75rem;
}
.test-editor__questions .question__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.test-editor__questions .question__actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 1.875rem;
  margin-left: auto;
}
.test-editor__questions .question__body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875rem;
}
.test-editor__questions .question__body .answers__wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding-left: 3.75rem;
}
.test-editor__questions .question__body .answers__wrapper .answers {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.test-editor__questions .question__body .answers__wrapper .answers .answer-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  width: 100%;
}
.test-editor__questions .question__body .answers__wrapper .answers .answer-row .answer-actin {
  margin-left: 1rem;
}

.chat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.5rem;
  flex: 1;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}
.chat__preload {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.chat {
  --composer-bg: #f4f6f8;
  --composer-border: rgba(0,0,0,.08);
  --composer-radius: 1.25rem;
  --composer-pad-y: .375rem;
  --composer-pad-x: .5rem;
  --chat-input-max-height: 180px;
}
.chat.chat--dark {
  --composer-bg: #1f232b;
  --composer-border: rgba(255,255,255,.08);
}
.chat.chat--dark .chat__textarea {
  color: #fff !important;
}
.chat.chat--dark .chat__textarea::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.chat .messages {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  width: 100%;
}
.chat .messages::-webkit-scrollbar {
  width: 0.375rem;
}
.chat .messages::-webkit-scrollbar-track {
  background: #818C98;
  border-radius: 0 2.25rem 2.25rem 0;
}
.chat .messages::-webkit-scrollbar-thumb {
  background: #2630F5;
  border-radius: 2.25rem;
  width: 0.375rem;
  transition: background 0.3s ease-in-out;
}
.chat .messages::-webkit-scrollbar-thumb:hover {
  background: rgb(10.2202643172, 20.4405286344, 221.7797356828);
}
.chat .messages .messages__inner {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  width: 100%;
  padding: 1.875rem 1.875rem 0 1.875rem;
  padding-bottom: 0.75rem;
}
.chat .messages .message {
  display: flex;
  gap: 1rem;
  max-width: 85%;
  font-size: 1.15em;
  line-height: 120%;
  --attach-bg: #f4f6f8;
  --attach-border: rgba(0,0,0,.10);
  --attach-text: #0f172a;
  --attach-hover: rgba(0,0,0,.08);
  --attach-shadow: 0 1px 0 rgba(0,0,0,.03);
}
.chat .messages .message__attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.25rem 0;
}
.chat .messages .message__attachments--in-bubble {
  margin: 0;
  gap: 0.5rem;
}
.chat .messages .message--incoming .chat .messages .message__attachments {
  justify-content: flex-start;
}
.chat .messages .message--outgoing .chat .messages .message__attachments {
  justify-content: flex-end;
}
.chat .messages .message--incoming {
  --attach-bg: $bg-incoming;
  --attach-border: rgba(0,0,0,.10);
  --attach-text: $black;
}
.chat .messages .message--outgoing {
  --attach-bg: lighten($bg-outgoing, 2%);
  --attach-border: rgba(38,48,245,.18);
  --attach-text: $black;
}
.chat .messages .message--system {
  --attach-bg: rgba(255,255,255,.10);
  --attach-border: rgba(255,255,255,.22);
  --attach-text: $white;
}
.chat .messages .message--system .message__bubble {
  background: #2630f5;
  color: #fff;
}
.chat .messages .message--attachments-only {
  padding: 0.5rem 0.75rem;
  grid-template-rows: auto 1.3rem;
}
.chat .messages .message--attachments-only .message__content {
  display: none;
}
.chat .messages .message__media {
  display: block;
  text-decoration: none;
}
.chat .messages .message__media img {
  display: block;
  max-height: 240px;
  max-width: 360px;
  object-fit: cover;
  border-radius: 0.75rem;
}
.chat .messages .message__attachment {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--attach-border);
  border-radius: 0.75rem;
  background: var(--attach-bg);
  max-width: 100%;
  text-decoration: none;
  color: var(--attach-text) !important;
  box-shadow: var(--attach-shadow);
  transition: transform 0.08s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.chat .messages .message__attachment:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  border-color: var(--attach-hover);
}
.chat .messages .message__attachment:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.chat .messages .message__attachment-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: 0.9;
}
.chat .messages .message__attachment-name {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: inherit;
}
.chat .messages .message__attachment--image {
  padding: 0.25rem;
}
.chat .messages .message__attachment--image img {
  display: block;
  max-height: 160px;
  max-width: 280px;
  object-fit: cover;
  border-radius: 0.5rem;
}
.chat .messages .message__bubble {
  display: grid;
  grid-template-rows: auto 1.3rem;
  row-gap: 0.25rem;
  padding: 0.625rem 1rem;
  position: relative;
  overflow-wrap: anywhere;
  text-align: start;
}
.chat .messages .message__bubble p {
  margin: 0 0 0.4rem;
}
.chat .messages .message__bubble ul, .chat .messages .message__bubble ol {
  margin: 0.4rem 0 0.4rem 1.2rem;
}
.chat .messages .message__bubble a {
  text-decoration: underline;
}
.chat .messages .message__time {
  grid-row: 2;
  align-self: end;
  justify-self: end;
  font-size: 0.875em;
  color: #A1AAB3;
  white-space: nowrap;
}
.chat .messages .message--incoming {
  align-self: flex-start;
  margin-right: auto;
}
.chat .messages .message--incoming .message__bubble {
  background: #F4F5FB;
  color: #030305;
  border-radius: 1rem 1rem 1rem 0.25rem;
}
.chat .messages .message--incoming .message__bubble .message__content * {
  color: #030305;
}
.chat .messages .message--incoming.loader .message__bubble {
  display: block;
  background-color: #2630f5;
}
.chat .messages .message--outgoing {
  flex-direction: column;
  align-self: flex-end;
  margin-left: auto;
}
.chat .messages .message--outgoing .message__bubble {
  background: #DDDEFF;
  color: #030305;
  border-radius: 1rem 1rem 0.25rem 1rem;
}
.chat .messages .message--outgoing .message__bubble .message__time {
  color: #030305;
}
.chat .messages .message__avatar {
  flex: 0 0 2.875rem;
  display: flex;
  align-items: flex-start;
}
.chat .messages .message__avatar .avatar-initials,
.chat .messages .message__avatar .avatar-img {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background-color: #2630f5;
}
.chat .messages .message__avatar--hidden {
  visibility: hidden;
}
.chat .messages .message.message--grouped {
  margin-top: 0.1rem;
}
.chat .messages #chat_loader {
  height: fit-content;
  width: fit-content;
  margin-top: 1rem;
}
.chat .messages #chat_loader .loader-dots {
  display: flex;
  gap: 4px;
}
.chat .messages #chat_loader .loader-dots .dot {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  animation: bounce 1s infinite ease-in-out both;
}
.chat .messages #chat_loader .loader-dots .dot:nth-child(1) {
  animation-delay: 0s;
}
.chat .messages #chat_loader .loader-dots .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.chat .messages #chat_loader .loader-dots .dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-6px);
  }
}
.chat__triggers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  max-width: none;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0.25rem 0;
  background: transparent;
  color: #030305;
}
.chat__triggers--title {
  display: flex;
  align-items: flex-start;
  color: #fff;
}
.chat__triggers .trigger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1.7rem;
  border-radius: 9999px;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.08s ease, border-color 0.18s ease, color 0.18s ease;
}
.chat__triggers .trigger-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45);
}
.chat__triggers .trigger-btn:active {
  transform: translateY(0);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}
.chat__triggers .trigger-btn:disabled {
  opacity: 0.6;
  cursor: default;
  box-shadow: none;
}
.chat__triggers .trigger-btn--primary {
  background: linear-gradient(135deg, #ffb347, #ff8a2f);
  border-color: rgba(255, 138, 47, 0.5);
  box-shadow: 0 18px 36px rgba(255, 138, 47, 0.7);
  color: #fff;
}
.chat__triggers .trigger-btn--primary:hover {
  background: linear-gradient(135deg, #ffc25d, #ff9336);
}
.chat__triggers .trigger-btn--primary:active {
  background: linear-gradient(135deg, #ff9a3a, #ff7f2a);
}
.chat__triggers .trigger-btn--easy {
  background-color: #048BF2;
}
.chat__triggers .trigger-btn--medium {
  background-color: #7F29FA;
}
.chat__triggers .trigger-btn--hard {
  background-color: #F63972;
}
.chat__triggers ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0;
  margin: 0;
}
.chat__triggers ul li {
  flex: 1;
  list-style-type: none;
}
.chat__triggers .chat-attach__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}
.chat__triggers .chat-attach {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  border: 1px solid var(--composer-border);
  border-radius: 1rem;
  background: rgba(38, 48, 245, 0.06);
  max-width: 100%;
  color: inherit;
}
.chat__triggers .chat-attach__thumb {
  width: 66px;
  height: 66px;
  flex: 0 0 66px;
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.chat__triggers .chat-attach__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.chat__triggers .chat-attach__icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  background: rgba(38, 48, 245, 0.1);
  border: 1px solid rgba(38, 48, 245, 0.18);
}
.chat__triggers .chat-attach__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.chat__triggers .chat-attach__name {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
}
.chat__triggers .chat-attach__size {
  opacity: 0.7;
  font-size: 0.85em;
  color: #fff;
}
.chat__triggers .chat-attach__remove {
  margin-left: 0.25rem;
  border: 0;
  background: transparent;
  font-size: 1.1em;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  padding: 0 0.125rem;
}
.chat__triggers .chat-attach__remove:hover {
  opacity: 0.8;
}
.chat__triggers-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(0.75rem, 3vw, 1.25rem);
  width: 100%;
  padding: clamp(0.5rem, 3vw, 1rem);
  margin-top: 0.25rem;
  border-radius: 1.5rem;
  background: radial-gradient(130% 150% at 0% 0%, rgba(38, 48, 245, 0.28) 0, rgba(38, 48, 245, 0.06) 35%, transparent 100%), rgba(5, 8, 33, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  text-align: center;
  position: relative;
}
.chat__trigger-btn.is-selected .trigger-btn {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.22);
  cursor: default;
  pointer-events: none;
  transform: none;
  box-shadow: none;
  opacity: 0.7;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.chat__trigger-btn.is-selected .trigger-btn:hover {
  transform: none;
  box-shadow: none;
}
.chat__completed-options {
  display: flex;
  gap: 1rem;
}
.chat__confirmation-message {
  max-width: 40rem;
  font-size: clamp(1rem, 2.1vw, 1.3rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
}
.chat__confirmation-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.chat__confirmation-actions .chat__button {
  min-width: 9rem;
  font-weight: 600;
  white-space: nowrap;
}
.chat__confirmation-actions .chat__button.chat__button_confirm {
  box-shadow: 0 10px 22px rgba(255, 138, 60, 0.45);
}
.chat__confirmation-actions .chat__button.chat__button_cancel {
  background: rgba(255, 255, 255, 0.18);
  border: 0;
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}
.chat__confirmation-actions .chat__button.chat__button_cancel:hover {
  background: rgba(255, 255, 255, 0.24);
}
.chat.chat--dark .chat__triggers {
  color: #fff;
}
.chat.chat--dark .chat__triggers .chat-attach {
  background: var(--composer-bg);
  border-color: var(--composer-border);
}
.chat.chat--dark .chat__triggers .chat-attach .chat-attach__thumb {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}
.chat.chat--dark .chat__triggers .chat-attach .chat-attach__icon {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
}
.chat.chat--dark .messages .message {
  --attach-bg: rgba(255,255,255,.06);
  --attach-border: rgba(255,255,255,.16);
  --attach-text: #fff;
}
.chat.chat--dark .messages .message.message--outgoing {
  --attach-bg: rgba(221,222,255,.16);
  --attach-border: rgba(221,222,255,.35);
  --attach-text: #fff;
}
.chat.chat--dark .messages .message.message--system {
  --attach-bg: rgba(255,255,255,.12);
  --attach-border: rgba(255,255,255,.22);
  --attach-text: #fff;
}
.chat.chat--dark .messages .message .message__attachment {
  background: var(--attach-bg);
  border-color: var(--attach-border);
  color: var(--attach-text) !important;
}
.chat__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  width: 100%;
  margin-top: auto;
  padding: 1rem;
}
.chat__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1.7rem;
  border-radius: 9999px;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.08s ease, border-color 0.18s ease, color 0.18s ease;
}
.chat__action-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45);
}
.chat__action-btn:active {
  transform: translateY(0);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}
.chat__action-btn:disabled {
  opacity: 0.6;
  cursor: default;
  box-shadow: none;
}
.chat__action-btn--success {
  background: linear-gradient(135deg, #00b863, #00a152);
  border-color: rgba(0, 162, 90, 0.45);
  box-shadow: 0 18px 36px rgba(0, 162, 90, 0.65);
  color: #fff;
}
.chat__action-btn--success:hover {
  background: linear-gradient(135deg, #00c86c, #00aa56);
}
.chat__action-btn--success:active {
  background: linear-gradient(135deg, #00a655, #00914a);
}
.chat__action-btn--accent {
  background: linear-gradient(135deg, #ffb347, #ff8a2f);
  border-color: rgba(255, 138, 47, 0.5);
  box-shadow: 0 18px 36px rgba(255, 138, 47, 0.7);
  color: #fff;
}
.chat__action-btn--accent:hover {
  background: linear-gradient(135deg, #ffc25d, #ff9336);
}
.chat__action-btn--accent:active {
  background: linear-gradient(135deg, #ff9a3a, #ff7f2a);
}
.chat__action-btn--ghost {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}
.chat__action-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.18);
}
.chat__action-btn--ghost:active {
  background: rgba(255, 255, 255, 0.24);
}
.chat__composer {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  width: 100%;
  background: transparent;
}
.chat__input-clip {
  flex: 1;
  display: flex;
  align-items: center;
  background: var(--composer-bg);
  border: 1px solid var(--composer-border);
  border-radius: var(--composer-radius);
  overflow: hidden;
  padding: var(--composer-pad-y) var(--composer-pad-x);
}
.chat__input-clip:focus-within {
  box-shadow: 0 0 0 2px rgba(38, 48, 245, 0.15);
}
.chat__textarea {
  width: 100%;
  max-height: var(--chat-input-max-height);
  line-height: 1.45;
  font: inherit;
  background: transparent;
  color: #030305 !important;
  border: 0;
  outline: 0;
  resize: none;
  overflow-y: hidden;
  overscroll-behavior: contain;
}
.chat__textarea::placeholder {
  color: rgba(3, 3, 5, 0.55);
}
.chat__textarea::-webkit-scrollbar {
  width: 0.375rem;
}
.chat__textarea::-webkit-scrollbar-track {
  background: #818C98;
  border-radius: 2.25rem;
}
.chat__textarea::-webkit-scrollbar-thumb {
  background: #2630F5;
  border-radius: 2.25rem;
  transition: background 0.2s ease;
}
.chat__textarea::-webkit-scrollbar-thumb:hover {
  background: rgb(10.2202643172, 20.4405286344, 221.7797356828);
}
.chat .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--composer-border);
  border-radius: 9999px;
  background: #2630f5;
  cursor: pointer;
}
.chat .btn-icon img {
  max-width: 20px;
  max-height: 20px;
}
.chat .btn-icon:disabled {
  opacity: 0.5;
  cursor: default;
}
.chat__send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 0.875rem;
  cursor: pointer;
  color: #fff;
  background-color: #2630f5;
  border: none;
  border-radius: 9999px;
  white-space: nowrap;
}
.chat__send:disabled {
  opacity: 0.6;
  cursor: default;
}
@media (max-width: 768px) {
  .chat__confirmation {
    padding: 0.875rem 1rem;
    border-radius: 1.25rem;
  }
  .chat__confirmation-message {
    font-size: 1rem;
  }
  .chat .messages .messages__inner {
    padding: 1rem 1rem 0 1rem;
  }
}

.profile__content.role-dashboard {
  grid-template-columns: 1.35fr 1.35fr 0.9fr;
  grid-auto-rows: minmax(3rem, auto);
}

.role-dashboard__span-3 {
  grid-column: 1/-1;
}

.role-dashboard__span-2 {
  grid-column: span 2;
}

.role-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}

.role-dashboard__header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.role-dashboard__badge {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  letter-spacing: 0.04em;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.role-dashboard__card {
  overflow: hidden;
}

.role-dashboard__card--accent {
  background: rgba(18, 18, 65, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.role-dashboard__card--stats {
  background: rgba(18, 18, 65, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.role-dashboard__card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.role-dashboard__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1rem;
  max-height: clamp(14rem, 38vh, 22rem);
  overflow-y: auto;
  padding-right: 0.25rem;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 183, 201, 0.3) transparent;
}
.role-dashboard__list::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
  background: transparent;
}
.role-dashboard__list::-webkit-scrollbar-track {
  background: transparent;
}
.role-dashboard__list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(38, 48, 245, 0.55), rgba(146, 85, 123, 0.55) 55%, rgba(255, 122, 0, 0.55));
  border-radius: 999px;
}
.role-dashboard__list:hover::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(38, 48, 245, 0.8), rgba(146, 85, 123, 0.8) 55%, rgba(255, 122, 0, 0.8));
}
.role-dashboard__list::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, rgba(38, 48, 245, 0.95), rgba(146, 85, 123, 0.95) 55%, rgba(255, 122, 0, 0.95));
}
.role-dashboard__list::-webkit-scrollbar-corner {
  background: transparent;
}
.role-dashboard__list::-webkit-scrollbar-button, .role-dashboard__list::-webkit-scrollbar-button:single-button, .role-dashboard__list::-webkit-scrollbar-button:vertical:decrement, .role-dashboard__list::-webkit-scrollbar-button:vertical:increment, .role-dashboard__list::-webkit-scrollbar-button:horizontal:decrement, .role-dashboard__list::-webkit-scrollbar-button:horizontal:increment, .role-dashboard__list::-webkit-scrollbar-button:start:decrement, .role-dashboard__list::-webkit-scrollbar-button:end:increment {
  display: none;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
}

.role-dashboard__list--divided {
  gap: 0;
  padding-top: 0.5rem;
  padding-right: 1rem;
}
.role-dashboard__list--divided .role-dashboard__row {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.role-dashboard__list--divided .role-dashboard__row:hover {
  background: rgba(255, 255, 255, 0.04);
}
.role-dashboard__list--divided .role-dashboard__row:active {
  transform: none;
}
.role-dashboard__list--divided .role-dashboard__row:last-child {
  border-bottom: 0;
}

.role-dashboard__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: transform 0.08s ease, background 0.15s ease, border-color 0.15s ease;
  text-decoration: none;
  color: inherit;
}
.role-dashboard__row:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.1);
}
.role-dashboard__row:active {
  transform: translateY(1px);
}

.role-dashboard__row-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  flex: 0 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.role-dashboard__row-avatar--file {
  font-size: 1.1rem;
}

.role-dashboard__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.role-dashboard__row-main {
  min-width: 0;
  flex: 1;
}

.role-dashboard__row-title {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.role-dashboard__row-sub {
  margin: 0.1rem 0 0;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.role-dashboard__row-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 1 auto;
  min-width: 0;
  justify-content: flex-end;
}

.role-dashboard__pill {
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: inline-block;
  max-width: min(26rem, 48vw);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.role-dashboard__row-arrow {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.25rem;
  background: #0075FF;
  color: #fff;
  opacity: 1;
  font-size: 1.15rem;
  line-height: 1;
}

.role-dashboard__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.role-dashboard__action {
  min-height: 9.5rem;
  position: relative;
  overflow: hidden;
}

.role-dashboard__action-top {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.role-dashboard__action-plus {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.role-dashboard__action--purple {
  border: 1px solid rgba(163, 73, 255, 0.55);
}

.role-dashboard__action--orange {
  border: 1px solid rgba(255, 122, 0, 0.55);
}

.role-dashboard__stats {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding-top: 1rem;
}

.role-dashboard__stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.role-dashboard__stat-left {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}

.role-dashboard__stat-icon {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}

.role-dashboard__stat-icon--fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
  opacity: 0.7;
}

.role-dashboard__stat-value {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.role-dashboard__stat-number {
  line-height: 1;
}

.role-dashboard__stat-badge {
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.1);
}

.role-dashboard__stat-badge--blue {
  background: rgba(0, 117, 255, 0.25);
  border-color: rgba(0, 117, 255, 0.4);
}

.role-dashboard__stat-badge--orange {
  background: rgba(255, 122, 0, 0.25);
  border-color: rgba(255, 122, 0, 0.4);
}

.role-dashboard__stat-badge--red {
  background: rgba(235, 30, 0, 0.2);
  border-color: rgba(235, 30, 0, 0.35);
}

.role-dashboard__stat-badge--purple {
  background: rgba(163, 73, 255, 0.2);
  border-color: rgba(163, 73, 255, 0.35);
}

@media (max-width: 1100px) {
  .profile__content.role-dashboard {
    grid-template-columns: 1fr;
  }
  .role-dashboard__span-2,
  .role-dashboard__span-3 {
    grid-column: 1;
  }
  .role-dashboard__actions {
    flex-direction: row;
  }
  .role-dashboard__action {
    min-height: 8rem;
    flex: 1;
  }
}
#shop {
  overflow-x: clip;
}
#shop #main .page-image {
  bottom: -15%;
}
#shop #main .page-image--main {
  height: 70%;
}
#shop section#main .background__images-block.container {
  max-height: 310px;
  max-width: 100vw;
  height: 100vh;
  top: 18rem;
  overflow: hidden;
  position: absolute;
  padding: 0;
  left: 0;
}
#shop section#main .background__images-block.container .background__image__robot {
  margin-right: -4rem;
  height: 100%;
  top: initial;
  bottom: 0;
  max-height: initial;
}
#shop section#main .background__images-block.container .background__image__constructor {
  display: none;
}
#shop .catalog__categories {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1rem;
  margin-bottom: 2.375rem;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(100, 100, 100, 0.3) transparent;
}
#shop .catalog__categories--tag {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #2630f5;
  border-radius: 100px;
  color: #fff;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  transition: 0.3s background ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #shop .catalog__categories--tag:hover {
    background: rgba(38, 48, 245, 0.2);
  }
}
#shop .catalog__categories::-webkit-scrollbar {
  height: 6px;
  background: transparent;
}
#shop .catalog__categories::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.3);
  border-radius: 3px;
}
#shop .catalog__categories::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 100, 100, 0.5);
}
#politika .container div, #politika .container h1, #politika .container h2, #politika .container h3, #politika .container p, #politika .container a, #offerta .container div, #offerta .container h1, #offerta .container h2, #offerta .container h3, #offerta .container p, #offerta .container a {
  color: white;
}

#offerta {
  background-color: #000000;
}
#offerta .container div, #offerta .container h1, #offerta .container h2, #offerta .container h3, #offerta .container p, #offerta .container a, #offerta .container font {
  color: white;
}
#offerta .container table, #offerta .container tr, #offerta .container th, #offerta .container td {
  border: 1px solid;
}

#thank-you .background {
  height: 100%;
}
#thank-you .page-image {
  height: 75%;
  bottom: 0;
  right: 10%;
}
#thank-you .container .info-block {
  height: 100%;
}
#thank-you .container .info-block .title-large {
  max-width: 700px;
}
@media (max-width: 1440px) {
  #thank-you .page-image {
    height: 55%;
  }
}
@media (max-width: 1280px) {
  #thank-you .page-image {
    height: 50%;
  }
}
@media (max-width: 1023px) {
  #thank-you #thank-you .page-image {
    right: 5%;
  }
}
@media (max-width: 580px) {
  #thank-you .page-image {
    right: -15%;
  }
  #thank-you .container .info-block .actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: auto;
  }
  #thank-you .container .info-block .actions a {
    width: 100%;
  }
}

body.tests {
  background-image: url(/assets/backgrounds/tests-7821adce6258e132ffb3a17a8801031b5dd942ea92f017894c1b7ec705ebc196.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .tests .test-purpose__card:nth-child(1) .test-purpose__card-text, .tests .test-purpose__card:nth-last-child(2) .test-purpose__card-text {
    max-width: 100%;
  }
}

.test__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.5rem;
  padding-block: 10svh 20svh;
}
.test__tags {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 1rem;
}
.test__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 70%;
  margin: 0 auto;
}
.test__description {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.test__description-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.test__description-item:nth-child(1) {
  flex: 0 0 20%;
}
.test__description-item:nth-child(2) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  transform: rotate(-2.5deg);
}
.test__description-item:nth-child(2) p {
  width: fit-content;
  background-color: #F63972;
  padding: 0.2rem 0.6rem;
}
.test__description-item:nth-child(2) p:nth-last-child(1) {
  margin-top: -1px;
}
.test__description-item:nth-last-child(1) {
  flex: 0 0 25%;
}
.test__action {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.test__action .test__button {
  width: 50%;
}
.test__age-selection--list {
  margin-top: 6rem;
}
.test__age-selection--list .entity-card__info .entity-card__action {
  width: 100%;
}
@media (max-width: 768px) {
  .test__description {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
}