@charset "UTF-8";
/*Обнуление стилей*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: 400;
}

@font-face {
  font-family: "Circe";
  src: url("../fonts/circe-light.woff2") format("woff2"), url("../fonts/circe-light.woff") format("woff"), url("../fonts/circe-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Circe";
  src: url("../fonts/circe-regular.woff2") format("woff2"), url("../fonts/circe-regular.woff") format("woff"), url("../fonts/circe-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Circe";
  src: url("../fonts/circe-bold.woff2") format("woff2"), url("../fonts/circe-bold.woff") format("woff"), url("../fonts/circe-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Shantell-Sans";
  src: url("../fonts/shantell-sans-light.woff2") format("woff2"), url("../fonts/shantell-sans-light.woff") format("woff"), url("../fonts/shantell-sans-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Shantell-Sans";
  src: url("../fonts/shantell-sans-regular.woff2") format("woff2"), url("../fonts/shantell-sans-regular.woff") format("woff"), url("../fonts/shantell-sans-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Shantell-Sans";
  src: url("../fonts/shantell-sans-medium.woff2") format("woff2"), url("../fonts/shantell-sans-medium.woff") format("woff"), url("../fonts/shantell-sans-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
html,
body {
  position: relative;
  max-width: 100vw;
  background: #ffffff;
  color: #1a1b18;
  font-family: Circe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}

h1 {
  font-size: 4rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #080808;
  text-wrap: balance;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  h1 {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

p {
  color: #080808;
  font-size: 1.125rem;
  line-height: 140%;
  text-wrap: pretty;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 390px) {
  p {
    font-size: 0.875rem;
  }
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.blue-text {
  color: #1e6aff;
}

.wrapper {
  width: min(73.5rem, 100% - 3.5rem);
  margin-inline: auto;
}
@media (max-width: 390px) {
  .wrapper {
    width: min(100%, 100% - 2.5rem);
  }
}

.button {
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  background: #1e6aff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  font-size: 1rem;
  line-height: 100%;
  transition: background 0.3s;
  cursor: pointer;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
.button:hover {
  background: #1750bf;
}
.button:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.header {
  position: relative;
  z-index: 3;
}
.header.burger-open .header__container {
  background-color: #080808;
}
.header.burger-open .header__burger-menu {
  display: block;
  background-color: #080808;
  opacity: 1;
}
.header__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  width: 100%;
  height: 4.75rem;
  padding-inline: 2.5rem;
  margin-bottom: 4.125rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  transition: background 0.3s;
}
@media (max-width: 1024px) {
  .header__container {
    margin-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .header__container {
    padding-inline: 1.25rem 1rem;
  }
}
.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: opacity 0.3s;
}
.header__logo:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .header__logo {
    height: 4.125rem;
  }
}
.header__logo svg {
  width: auto;
  height: 2.25rem;
}
@media (max-width: 768px) {
  .header__logo svg {
    height: 1.625rem;
  }
}
.header__navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.375rem;
  height: 100%;
}
@media (max-width: 1024px) {
  .header__navigation {
    display: none;
  }
}
.header__navigation a {
  position: relative;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% + 1px);
  padding-inline: 0.625rem;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 1rem;
  line-height: 140%;
  transition: border 0.3s;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
.header__navigation a:hover {
  border-color: #ff066d;
}
.header__navigation a.text:active, .header__navigation a.text:hover, .header__navigation a.text {
  color: #fff;
  text-decoration: none;
}
.header__burger {
  display: none;
  justify-content: center;
  align-items: center;
  width: 2.625rem;
  height: 2.625rem;
  background: none;
}
@media (max-width: 1024px) {
  .header__burger {
    display: flex;
  }
}
.header__burger svg {
  width: 100%;
  height: 100%;
}
.header__burger-menu {
  position: absolute;
  top: calc(100% + 1.5rem);
  left: 0;
  display: none;
  width: 100%;
  padding: 2.5rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  opacity: 0;
  transition: background 0.3s allow-discrete, opacity 0.3s allow-discrete, overlay 0.3s allow-discrete, display 0.3s allow-discrete;
}
@media (max-width: 768px) {
  .header__burger-menu {
    padding: 1.25rem;
  }
}
.header__burger-navigation {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
}
.header__burger-navigation a {
  display: block;
  padding: 0.625rem;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 1rem;
  line-height: 140%;
  transition: border 0.3s;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
.header__burger-navigation a:hover {
  border-bottom-color: #ff066d;
}

.hero {
  position: relative;
  background: #080808;
  overflow: hidden;
}
.hero__wrapper {
  position: relative;
  padding-block: 2.5rem 18.75rem;
}
@media (max-width: 390px) {
  .hero__wrapper {
    padding-block: 2.5rem 3.125rem;
  }
}
.hero__content {
  position: relative;
  z-index: 2;
}
.hero__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
  max-width: 29.75rem;
  margin-bottom: 3.4375rem;
}
@media (max-width: 390px) {
  .hero__info {
    margin-bottom: 16.3125rem;
  }
}
@media (max-width: 320px) {
  .hero__info {
    margin-bottom: 14.3125rem;
  }
}
@media (max-width: 300px) {
  .hero__info {
    margin-bottom: 12.3125rem;
  }
}
.hero__date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: 0.56rem 1rem 0.44rem 1rem;
  border-radius: 2.56rem;
  border: 1px solid #ffbe0b;
  background: rgba(255, 190, 11, 0.04);
}
.hero__date span {
  display: inline-block;
  color: #ffbe0b;
  font-size: 1.25rem;
  line-height: 100%;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
.hero__date hr {
  display: inline-block;
  width: 1px;
  height: 1.25rem;
  background: #ffbe0b;
}
.hero__text {
  color: #fff;
}
.hero__logo svg {
  width: 27.9375rem;
  height: 7.125rem;
  padding-right: 1.5625rem;
}
@media (max-width: 1024px) {
  .hero__logo svg {
    width: 100%;
    max-width: 19.6875rem;
    height: auto;
  }
}
.hero__text {
  max-width: 27.1875rem;
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .hero__text {
    max-width: 19.75rem;
  }
}
@media (max-width: 390px) {
  .hero__button {
    margin-inline: auto;
  }
}
.hero__background-grid-1, .hero__background-grid-2, .hero__background-grid-3, .hero__background-grid-4 {
  position: absolute;
  width: 24.790625rem;
  height: 11.0875rem;
  z-index: 1;
}
.hero__background-grid-1 svg, .hero__background-grid-2 svg, .hero__background-grid-3 svg, .hero__background-grid-4 svg {
  width: 100%;
  height: 100%;
}
.hero__background-grid-1 {
  top: 7.375rem;
  left: -11.875rem;
}
@media (max-width: 1024px) {
  .hero__background-grid-1 {
    top: 5.125rem;
    left: -9.375rem;
  }
}
.hero__background-grid-2 {
  top: 28.875rem;
  left: -11.875rem;
}
@media (max-width: 1024px) {
  .hero__background-grid-2 {
    top: 26.5625rem;
    left: -9.375rem;
  }
}
.hero__background-grid-3 {
  top: 7.4375rem;
  right: -8.25rem;
}
@media (max-width: 1024px) {
  .hero__background-grid-3 {
    display: none;
  }
}
.hero__background-grid-4 {
  bottom: 2.5rem;
  right: -8.25rem;
}
@media (max-width: 1024px) {
  .hero__background-grid-4 {
    display: none;
  }
}
.hero__background-image {
  position: absolute;
  top: -10.5rem;
  left: 13.9375rem;
  width: 97.8125rem;
  height: 76.75rem;
  z-index: 0;
}
@media (max-width: 1320px) {
  .hero__background-image {
    top: -4.75rem;
    left: 19rem;
    width: 85.068rem;
    height: 66.75rem;
  }
}
@media (max-width: 1220px) {
  .hero__background-image {
    left: 16rem;
  }
}
@media (max-width: 1160px) {
  .hero__background-image {
    left: 13rem;
  }
}
@media (max-width: 1120px) {
  .hero__background-image {
    top: 1.25rem;
    left: 15rem;
    width: 77.422rem;
    height: 60.75rem;
  }
}
@media (max-width: 1070px) {
  .hero__background-image {
    left: 12rem;
  }
}
@media (max-width: 1020px) {
  .hero__background-image {
    left: 18rem;
    width: 64.677rem;
    height: 50.75rem;
  }
}
@media (max-width: 980px) {
  .hero__background-image {
    top: 8.25rem;
    left: 15.5rem;
    width: 64.677rem;
    height: 50.75rem;
  }
}
@media (max-width: 940px) {
  .hero__background-image {
    left: 13rem;
  }
}
@media (max-width: 900px) {
  .hero__background-image {
    left: 11rem;
  }
}
@media (max-width: 870px) {
  .hero__background-image {
    display: none;
  }
}
.hero__background-image_mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  width: 60.5rem;
  height: auto;
  z-index: 0;
}
@media (max-width: 870px) {
  .hero__background-image_mobile {
    display: block;
  }
}
@media (max-width: 800px) {
  .hero__background-image_mobile {
    width: 50.5rem;
  }
}
@media (max-width: 700px) {
  .hero__background-image_mobile {
    width: 45.5rem;
  }
}
@media (max-width: 550px) {
  .hero__background-image_mobile {
    width: 40.5rem;
  }
}
@media (max-width: 380px) {
  .hero__background-image_mobile {
    width: 35.5rem;
  }
}
@media (max-width: 320px) {
  .hero__background-image_mobile {
    width: 32.5rem;
  }
}
@media (max-width: 300px) {
  .hero__background-image_mobile {
    width: 30.5rem;
  }
}

.companies {
  padding-block: 3.125rem;
  background: #f2f2f2;
}
@media (max-width: 768px) {
  .companies {
    display: none;
  }
}
.companies__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.5rem;
  width: 100%;
  max-width: 76.25rem;
  margin-inline: auto;
}
@media (max-width: 1320px) {
  .companies__container {
    gap: 2rem;
  }
}
@media (max-width: 1024px) {
  .companies__container {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .companies__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 1.5rem 0.75rem;
  }
}
.companies__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .companies__item {
    width: calc(33.3333333333% - 3rem);
  }
}
@media (max-width: 768px) {
  .companies__item {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .companies__item:nth-of-type(4), .companies__item:last-of-type {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 768px) {
  .companies__item:nth-of-type(4), .companies__item:last-of-type {
    width: 100%;
  }
}
.companies__item img {
  width: auto;
  height: 2.5rem;
}
@media (max-width: 1024px) {
  .companies__item img {
    height: 3.375rem;
  }
}
@media (max-width: 390px) {
  .companies__item img {
    width: 100%;
    height: auto;
  }
}

.talk-about {
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .talk-about {
    padding-block: 3.125rem;
  }
}
.talk-about__title {
  margin-bottom: 2rem;
}
.talk-about__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .talk-about__container {
    display: block;
  }
}
.talk-about__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .talk-about__image {
    display: none;
  }
}
.talk-about__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.talk-about__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.625rem;
}
.talk-about__item {
  position: relative;
  padding: 1.25rem 1.25rem 1.25rem 5.25rem;
  cursor: default;
  -webkit-clip-path: polygon(3.989% 0.642%, 3.989% 0.642%, 4.026% 0.286%, 4.065% 0.075%, 4.103% 0.001%, 4.141% 0.055%, 4.177% 0.23%, 4.211% 0.517%, 4.243% 0.909%, 4.271% 1.398%, 4.296% 1.975%, 4.315% 2.632%, 96.528% 2.632%, 96.528% 2.632%, 97.091% 2.977%, 97.625% 3.974%, 98.123% 5.57%, 98.578% 7.71%, 98.983% 10.34%, 99.33% 13.406%, 99.612% 16.855%, 99.823% 20.63%, 99.955% 24.68%, 100% 28.948%, 100% 71.053%, 100% 71.053%, 99.955% 75.322%, 99.823% 79.371%, 99.612% 83.147%, 99.33% 86.595%, 98.983% 89.661%, 98.578% 92.291%, 98.123% 94.432%, 97.625% 96.027%, 97.091% 97.025%, 96.528% 97.369%, 4.315% 97.369%, 4.315% 97.369%, 4.296% 98.026%, 4.271% 98.603%, 4.243% 99.092%, 4.211% 99.483%, 4.177% 99.771%, 4.141% 99.945%, 4.103% 99.999%, 4.065% 99.925%, 4.026% 99.714%, 3.989% 99.358%, 0.117% 54.105%, 0.117% 54.105%, 0.075% 53.481%, 0.042% 52.725%, 0.019% 51.872%, 0.005% 50.952%, 0% 50%, 0.005% 49.048%, 0.019% 48.128%, 0.042% 47.274%, 0.075% 46.519%, 0.117% 45.895%, 3.989% 0.642%);
          clip-path: polygon(3.989% 0.642%, 3.989% 0.642%, 4.026% 0.286%, 4.065% 0.075%, 4.103% 0.001%, 4.141% 0.055%, 4.177% 0.23%, 4.211% 0.517%, 4.243% 0.909%, 4.271% 1.398%, 4.296% 1.975%, 4.315% 2.632%, 96.528% 2.632%, 96.528% 2.632%, 97.091% 2.977%, 97.625% 3.974%, 98.123% 5.57%, 98.578% 7.71%, 98.983% 10.34%, 99.33% 13.406%, 99.612% 16.855%, 99.823% 20.63%, 99.955% 24.68%, 100% 28.948%, 100% 71.053%, 100% 71.053%, 99.955% 75.322%, 99.823% 79.371%, 99.612% 83.147%, 99.33% 86.595%, 98.983% 89.661%, 98.578% 92.291%, 98.123% 94.432%, 97.625% 96.027%, 97.091% 97.025%, 96.528% 97.369%, 4.315% 97.369%, 4.315% 97.369%, 4.296% 98.026%, 4.271% 98.603%, 4.243% 99.092%, 4.211% 99.483%, 4.177% 99.771%, 4.141% 99.945%, 4.103% 99.999%, 4.065% 99.925%, 4.026% 99.714%, 3.989% 99.358%, 0.117% 54.105%, 0.117% 54.105%, 0.075% 53.481%, 0.042% 52.725%, 0.019% 51.872%, 0.005% 50.952%, 0% 50%, 0.005% 49.048%, 0.019% 48.128%, 0.042% 47.274%, 0.075% 46.519%, 0.117% 45.895%, 3.989% 0.642%);
  background-color: #f2f2f2;
  color: #080808;
  font-size: 1rem;
  line-height: 137%;
  text-wrap: pretty;
  text-transform: uppercase;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .talk-about__item {
    padding: 1.25rem 1.25rem 1.25rem 3.25rem;
  }
}
@media (max-width: 1024px) {
  .talk-about__item {
    padding: 1.25rem 1.375rem;
    width: 100%;
    border-radius: 0.625rem;
    -webkit-clip-path: none;
            clip-path: none;
    text-align: center;
    font-size: 0.875rem;
  }
}
.talk-about__item::after {
  content: "";
  position: absolute;
  top: calc((100% - 2.25rem) / 2);
  right: 0;
  width: 0.25rem;
  height: 2.25rem;
  border-radius: 0.62rem;
  background-image: linear-gradient(235deg, #ffbe0b 0%, #ff066d 15%, #0057ff 100%);
}
.talk-about__item.colored {
  background-image: linear-gradient(6deg, #ffbe0b 0%, #ff066d 15%, #0057ff 100%);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
.talk-about__item.colored::after {
  background: #fff;
}
.talk-about__item:first-of-type {
  width: calc(100% - 1.5625rem);
}
.talk-about__item:nth-of-type(3) {
  width: calc(93.06% - 1.5625rem);
}
.talk-about__item:nth-of-type(4) {
  width: calc(86.11% - 1.5625rem);
}
.talk-about__item:nth-of-type(5) {
  width: calc(79.17% - 1.5625rem);
}
.talk-about__item:last-of-type {
  width: calc(72.22% - 1.5625rem);
}
@media (max-width: 1024px) {
  .talk-about__item:first-of-type, .talk-about__item:nth-of-type(2), .talk-about__item:nth-of-type(3), .talk-about__item:nth-of-type(4), .talk-about__item:nth-of-type(5), .talk-about__item:last-of-type {
    width: 100%;
  }
}
.talk-about__item-image {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1.25rem;
  background: #f2f2f2;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .talk-about__item-image {
    display: flex;
  }
}
@media (max-width: 390px) {
  .talk-about__item-image {
    justify-content: flex-start;
  }
}
.talk-about__item-image img {
  width: 21.875rem;
  max-width: 21.875rem;
  height: auto;
  max-height: auto;
}
@media (max-width: 390px) {
  .talk-about__item-image img {
    width: 100%;
    max-width: 100%;
  }
}

.on-fest {
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .on-fest {
    padding-block: 3.125rem;
  }
}
.on-fest .button {
  margin: 0 auto;
}
.on-fest__title {
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (max-width: 768px) {
  .on-fest__title {
    margin-bottom: 2rem;
    text-align: start;
  }
}
.on-fest__text {
  max-width: 47rem;
  margin: 0 auto 3.125rem;
  text-align: center;
}
@media (max-width: 768px) {
  .on-fest__text {
    margin-bottom: 1.25rem;
  }
}
.on-fest__blocks {
  gap: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1.25rem;
}
@media (max-width: 1024px) {
  .on-fest__blocks {
    grid-template-columns: 1fr;
    gap: 0.3125rem;
  }
}
.on-fest__block {
  display: flex;
  gap: 1.25rem;
  background-color: #F2F2F2;
  border-radius: 0.625rem;
  border-left: 2px solid #1e6aff;
}
.on-fest__block-img {
  padding: 0.9375rem 0 0.9375rem 0.9375rem;
}
.on-fest__block-text {
  padding: 1.25rem 0.5rem 1.1875rem 0;
}
@media (max-width: 1024px) {
  .on-fest__block {
    width: 100%;
    max-width: 35rem;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .on-fest__block {
    max-width: 29.3125rem;
  }
}
.on-fest__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .on-fest__container {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.on-fest__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .on-fest__content {
    display: none;
  }
}
.on-fest__info {
  padding: 2.5rem 3.125rem 3.125rem 3.125rem;
  border-left: 5px solid #1e6aff;
  background-image: linear-gradient(90deg, #f2f2f2 0%, rgba(242, 242, 242, 0) 100%);
}
@media (max-width: 1024px) {
  .on-fest__info {
    order: 1;
  }
}
@media (max-width: 768px) {
  .on-fest__info {
    padding: 1.875rem;
  }
}
.on-fest__info-title {
  font-size: 2.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .on-fest__info-title {
    font-size: 2rem;
  }
}
.on-fest__info-title_gray {
  margin-bottom: 1.25rem;
  text-decoration: line-through;
  color: rgba(8, 8, 8, 0.3);
  font-family: "Shantell-Sans", sans-serif;
  font-weight: 300;
}
.on-fest__info-title_blue {
  margin-bottom: 3.875rem;
  color: #1e6aff;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  font-family: "Shantell-Sans", sans-serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .on-fest__info-title_blue {
    margin-bottom: 2.875rem;
  }
}
.on-fest__info-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.on-fest__info-list li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.625rem;
  color: #080808;
  font-size: 1.125rem;
  line-height: 100%;
  font-family: "Shantell-Sans", sans-serif;
  font-weight: 400;
}
@media (max-width: 768px) {
  .on-fest__info-list li {
    font-size: 1rem;
  }
}
@media (max-width: 390px) {
  .on-fest__info-list li {
    font-size: 0.875rem;
  }
}
.on-fest__info-list li::before {
  content: "";
  position: relative;
  top: -0.1875rem;
  display: block;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.4706C8.47619 14.9804 10 18 10 18C11.5238 14.1176 14.0381 10.2784 18 7' stroke='%23080808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='11' stroke='%23080808' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.on-fest__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .on-fest__image {
    order: 2;
  }
}
.on-fest__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .on-fest__image img {
    order: 2;
    max-width: 35rem;
  }
}

.program {
  background: #080808;
  overflow: hidden;
}
.program__wrapper {
  position: relative;
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .program__wrapper {
    padding-block: 3.125rem;
  }
}
.program__title, .program__list, .program__button {
  position: relative;
  z-index: 2;
}
.program__title {
  margin-bottom: 3.125rem;
  color: #fff;
}
.program__list {
  margin-bottom: 3.125rem;
}
.program__item {
  display: grid;
  grid-template-columns: 7fr 5fr;
  grid-template-rows: auto;
  gap: 2.75rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.program__item:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 1024px) {
  .program__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.625rem;
  }
}
.program__time-and-topic {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16.3rem;
}
@media (max-width: 1200px) {
  .program__time-and-topic {
    gap: 6rem;
  }
}
@media (max-width: 1024px) {
  .program__time-and-topic {
    align-items: flex-start;
    gap: 1.25rem;
  }
}
.program__time {
  display: inline-block;
  width: 3.125rem;
  min-width: 3.125rem;
  font-size: 1.5rem;
  letter-spacing: -0.08em;
  color: #1e6aff;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .program__time {
    font-size: 1.25rem;
  }
}
.program__topic {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.25rem;
  text-wrap: pretty;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .program__topic {
    max-width: 38rem;
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .program__topic {
    font-size: 1rem;
  }
}
.program__speakers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
}
@media (max-width: 1024px) {
  .program__speakers {
    gap: 0.625rem;
  }
}
.program__speaker {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.program__speaker-image {
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
}
.program__speaker-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.program__speaker-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  max-width: 19.75rem;
}
.program__speaker-name, .program__speaker-job {
  font-size: 1rem;
  line-height: 120%;
  text-wrap: pretty;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 768px) {
  .program__speaker-name, .program__speaker-job {
    font-size: 0.875rem;
  }
}
.program__speaker-name {
  color: #fff;
}
.program__speaker-job {
  color: rgba(255, 255, 255, 0.6);
}
.program__button {
  margin-inline: auto;
}
.program__background-grid-1, .program__background-grid-2 {
  position: absolute;
  width: 24.790625rem;
  height: 11.0875rem;
  z-index: 1;
}
.program__background-grid-1 svg, .program__background-grid-2 svg {
  width: 100%;
  height: 100%;
}
.program__background-grid-1 {
  top: 2.9375rem;
  right: -11.5rem;
}
@media (max-width: 1024px) {
  .program__background-grid-1 {
    top: 7.25rem;
    right: -16.25rem;
  }
}
.program__background-grid-2 {
  bottom: 0.3125rem;
  right: -11.5rem;
}
@media (max-width: 1024px) {
  .program__background-grid-2 {
    display: none;
  }
}
.program__background-ellipse {
  position: absolute;
  bottom: 0;
  left: -55rem;
  width: 79.75rem;
  height: 53.9375rem;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1024px) {
  .program__background-ellipse {
    left: -50rem;
  }
}
.program__background-ellipse img {
  width: 100%;
  height: 100%;
}

.speakers {
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .speakers {
    padding-block: 3.125rem;
  }
}
.speakers__title {
  margin-bottom: 3.125rem;
}
@media (max-width: 1024px) {
  .speakers__title {
    margin-bottom: 1.875rem;
  }
}
.speakers .swiper {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .speakers .swiper {
    display: none;
  }
}
.speakers .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
  height: 358px;
}
.speakers__mobile-grid {
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .speakers__mobile-grid {
    display: grid;
  }
}
@media (max-width: 350px) {
  .speakers__mobile-grid {
    grid-template-columns: 1fr;
  }
}
.speakers__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  max-width: 17.25rem;
  border-radius: 1.25rem;
  background-color: #f2f2f2;
  position: relative;
  height: 100%;
}
@media (max-width: 768px) {
  .speakers__card {
    max-width: 100%;
  }
}
.speakers__card:hover .speakers__card-site {
  opacity: 1;
}
.speakers__card:hover .speakers__card-name,
.speakers__card:hover .speakers__card-job {
  color: #fff;
}
.speakers__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.25rem;
  background-image: linear-gradient(205deg, #ffbe0b 0%, #ff066d 25%, #0057ff 100%);
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 1;
  pointer-events: none;
}
.speakers__card:hover::before, .speakers__card:hover::after {
  opacity: 1;
}
.speakers__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../images/speakers-arrow-white.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.speakers__card > * {
  position: relative;
  z-index: 2;
}
.speakers__card-site {
  color: #1e6aff;
  transition: color 0.4s;
}
.speakers__card-site:hover {
  color: #1567b2;
}
.speakers__card-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
@media (max-width: 768px) {
  .speakers__card-text {
    padding: 0.875rem 1rem 0 1rem;
  }
}
.speakers__card-name, .speakers__card-job {
  color: #080808;
  text-align: center;
}
.speakers__card-name {
  font-size: 1.25rem;
  line-height: 110%;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .speakers__card-name {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  .speakers__card-name {
    font-size: 1rem;
  }
}
.speakers__card-job {
  font-size: 0.75rem;
  line-height: 140%;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .speakers__card-job {
    font-size: 0.875rem;
  }
}
.speakers__card-image {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  border-radius: 1.1875rem;
  overflow: hidden;
  z-index: 3;
}
.speakers__card-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.benefits {
  background: #f2f2f2;
}
.benefits__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .benefits__wrapper {
    padding-block: 3.125rem;
  }
}
.benefits__background {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 68.875rem;
  min-height: 21.75rem;
}
.benefits__container {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  z-index: 2;
}
@media (max-width: 768px) {
  .benefits__container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 3.75rem;
  }
}
.benefits__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.875rem;
}
.benefits__item-image {
  width: 4rem;
  height: 4rem;
}
.benefits__item-image svg {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.benefits__item-text {
  max-width: 17rem;
  color: #080808;
  text-align: center;
  font-size: 1.25rem;
  line-height: 140%;
  text-wrap: pretty;
  font-family: "Circe", sans-serif;
  font-weight: 300;
}
@media (max-width: 1200px) {
  .benefits__item-text {
    max-width: 15rem;
    font-size: 1rem;
  }
}
.benefits__background-image {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
@media (max-width: 900px) {
  .benefits__background-image {
    display: none;
  }
}
.benefits__background-image svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.organizer {
  padding-block: 6.25rem;
}
@media (max-width: 1024px) {
  .organizer {
    padding-block: 3.125rem;
  }
}
.organizer__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .organizer__container {
    grid-template-columns: 1fr;
  }
}
.organizer__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem;
  padding-left: 6.25rem;
}
@media (max-width: 1024px) {
  .organizer__text {
    order: 1;
    justify-content: flex-start;
    gap: 1.875rem;
    padding-left: 0;
  }
}
.organizer__text h2 {
  color: #1a1b18;
  font-size: 3.125rem;
  line-height: 115%;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .organizer__text h2 {
    font-size: 2.4rem;
  }
  .organizer__text h2 br {
    display: none;
  }
}
@media (max-width: 768px) {
  .organizer__text h2 {
    font-size: 1.75rem;
  }
}
@media (max-width: 500px) {
  .organizer__text h2 br {
    display: block;
  }
}
.organizer__text h2 .gradient {
  background: linear-gradient(272deg, #ffd871 -67.98%, #fe7cc2 -45.55%, #ff385c -3.07%, #9b46ff 44.78%, #4457ff 99.39%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.organizer__text p {
  color: #1a1b18;
  font-size: 24px;
  line-height: 140%;
  text-wrap: pretty;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .organizer__text p {
    font-size: 1.375rem;
  }
}
@media (max-width: 1024px) {
  .organizer__text p {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .organizer__text p {
    font-size: 1rem;
  }
}
@media (max-width: 390px) {
  .organizer__text p {
    font-size: 0.875rem;
  }
}
.organizer__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .organizer__image {
    order: 2;
  }
}
.organizer__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .organizer__image img {
    max-width: 36rem;
  }
}

.footer {
  background: #080808;
  overflow: hidden;
}
.footer__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4.5rem;
  padding-block: 3.75rem 3.125rem;
}
@media (max-width: 1024px) {
  .footer__wrapper {
    gap: 1.875rem;
    padding-block: 2.5rem 1.875rem;
  }
}
.footer__top, .footer__bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.875rem;
  width: 100%;
  z-index: 2;
}
@media (max-width: 1024px) {
  .footer__top, .footer__bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.footer__logo {
  display: block;
  width: 11rem;
  max-width: 11rem;
  height: auto;
}
.footer__logo svg {
  width: 100%;
  height: auto;
  transition: opacity 0.3s;
}
.footer__logo svg:hover {
  opacity: 0.7;
}
.footer__navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.375rem;
}
@media (max-width: 1024px) {
  .footer__navigation {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0.625rem;
  }
}
.footer__navigation a {
  display: block;
  padding: 0.625rem;
  border-bottom: 1px solid transparent;
  color: #fff;
  font-size: 1rem;
  line-height: 140%;
  transition: border 0.3s;
  font-family: "Circe", sans-serif;
  font-weight: 700;
}
.footer__navigation a:hover {
  border-bottom-color: #ff066d;
}
.footer__info-text, .footer__info-copyright {
  display: block;
  font-size: 0.75rem;
  line-height: 100%;
  font-family: "Circe", sans-serif;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .footer__info-text, .footer__info-copyright {
    text-align: center;
  }
}
.footer__info-text {
  color: #fff;
}
.footer__info-copyright {
  color: #bcbcbc;
}
.footer__background-grid {
  position: absolute;
  bottom: 1.725rem;
  right: -12.5rem;
  width: 24.790625rem;
  height: 11.0875rem;
  z-index: 1;
}
@media (max-width: 1024px) {
  .footer__background-grid {
    bottom: 7.7956rem;
    right: -15.75rem;
  }
}
@media (max-width: 768px) {
  .footer__background-grid {
    right: -18.75rem;
  }
}
.footer__background-grid svg {
  width: 100%;
  height: 100%;
}
.footer__background-ellipse {
  position: absolute;
  bottom: 0;
  right: -45rem;
  width: 79.75rem;
  height: 15.75rem;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1024px) {
  .footer__background-ellipse {
    display: none;
  }
}
.footer__background-ellipse img {
  width: 100%;
  height: 100%;
}

.registration-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  overflow: auto;
  animation: open-registration-popup 0.3s ease-in-out forwards;
  z-index: 4;
}
@media (max-height: 600px) {
  .registration-popup {
    align-items: flex-start;
  }
}
.registration-popup.open {
  display: flex;
}
.registration-popup__container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 520px;
  padding: 40px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 6px 14px 0 rgba(84, 46, 122, 0.1), 0 25px 25px 0 rgba(84, 46, 122, 0.09), 0 56px 33px 0 rgba(84, 46, 122, 0.05), 0 99px 40px 0 rgba(84, 46, 122, 0.01), 0 154px 43px 0 rgba(84, 46, 122, 0);
  animation: open-registration-popup-container 0.3s ease-in-out forwards;
}
@media (max-width: 550px) {
  .registration-popup__container {
    padding: 24px 16px;
  }
}
.registration-popup__container.code {
  max-width: 528px;
}
.registration-popup__container.code .registration-popup__form {
  display: none;
}
.registration-popup__container.code .registration-popup__code {
  display: flex;
}
.registration-popup__container.thanks {
  max-width: 535px;
}
.registration-popup__container.thanks .registration-popup__form {
  display: none;
}
.registration-popup__container.thanks .registration-popup__thanks {
  display: flex;
}
.registration-popup__form {
  display: block;
  width: 100%;
}
.registration-popup__form.loading .registration-popup__submit-button {
  display: none;
}
.registration-popup__form.loading .loader {
  display: block;
}
.registration-popup__title {
  display: block;
  margin-bottom: 24px;
  color: #1a1b18;
  font-family: Circe;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 650px) {
  .registration-popup__title {
    font-size: 36px;
  }
}
@media (max-width: 550px) {
  .registration-popup__title {
    font-size: 28px;
  }
}
@media (max-width: 399px) {
  .registration-popup__title {
    font-size: 24px;
  }
}
.registration-popup__input-field {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(26, 27, 24, 0.2);
  background: #ffffff;
  margin-bottom: 16px;
  transition: 0.3s;
}
@media (max-width: 650px) {
  .registration-popup__input-field {
    padding: 0 12px;
  }
}
.registration-popup__input-field:hover {
  border-color: #1e6aff;
}
.registration-popup__input-field:focus-within {
  border-color: #1e6aff;
  box-shadow: 0px 0px 0px 3px rgba(30, 106, 255, 0.2);
}
.registration-popup__input-field svg {
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  height: 24px;
}
.registration-popup__input-field input {
  width: 100%;
  height: 56px;
  border: 0;
  background: transparent;
  color: #1a1b18;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 650px) {
  .registration-popup__input-field input {
    font-size: 16px;
  }
}
.registration-popup__input-field input::-moz-placeholder {
  color: rgba(26, 27, 24, 0.5);
}
.registration-popup__input-field input::placeholder {
  color: rgba(26, 27, 24, 0.5);
}
.registration-popup__input-field input:-webkit-autofill, .registration-popup__input-field input:-webkit-autofill:hover, .registration-popup__input-field input:-webkit-autofill:focus, .registration-popup__input-field input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px #ffffff inset !important;
}
.registration-popup__input-field input[type=number]::-webkit-outer-spin-button, .registration-popup__input-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.registration-popup__input-field input[type=number], .registration-popup__input-field input[type=number]:hover, .registration-popup__input-field input[type=number]:focus {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
.registration-popup__checkbox-container {
  margin-bottom: 24px;
}
.registration-popup__checkbox-line {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.registration-popup__checkbox-line input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.registration-popup__checkbox-line input[type=checkbox] + label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.registration-popup__checkbox-line input[type=checkbox] + label::before {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 3px;
  border: 1px solid #cfd1d2;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 9px;
  transition: 0.3s;
  cursor: pointer;
}
.registration-popup__checkbox-line input[type=checkbox]:checked + label::before {
  border-color: #1743de;
  background-color: #1743de;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6805 1.92049C12.1065 1.48116 12.1065 0.768844 11.6805 0.329505C11.2545 -0.109835 10.5637 -0.109835 10.1377 0.329505L4.36364 6.28401L1.8623 3.7045C1.43627 3.26516 0.745546 3.26516 0.31952 3.7045C-0.106507 4.14384 -0.106507 4.85616 0.31952 5.2955L3.59225 8.6705C4.01827 9.10984 4.709 9.10984 5.13503 8.6705L11.6805 1.92049Z' fill='white'/%3E%3C/svg%3E%0A");
}
.registration-popup__checkbox-line input[type=checkbox]:not(:disabled):not(:checked) + label:hover::before {
  border-color: #1743de;
  background-color: #e8ecfc;
}
.registration-popup__checkbox-line label {
  color: #1a1b18;
  font-family: Circe;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  opacity: 0.9;
}
.registration-popup__checkbox-line label a {
  color: #1e6aff;
  text-decoration: underline;
  transition: 0.3s;
}
.registration-popup__checkbox-line label a:hover {
  color: #1e93ff;
}
.registration-popup__submit-button {
  display: block;
  width: 100%;
  padding: 18px;
  border-radius: 16px;
  border: 0;
  background: #1e6aff;
  color: #ffffff;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 650px) {
  .registration-popup__submit-button {
    font-size: 16px;
  }
}
.registration-popup__submit-button:hover {
  background: #1750bf;
}
.registration-popup__submit-button:active {
  background: #003bae;
}
.registration-popup__submit-button.hide {
  pointer-events: none;
  display: none;
}
.registration-popup__close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: transparent;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 550px) {
  .registration-popup__close-button {
    top: 0;
    right: 0;
  }
}
.registration-popup__close-button:hover {
  background: rgba(26, 27, 24, 0.1);
}
@media (max-width: 550px) {
  .registration-popup__close-button:hover {
    background: transparent;
  }
}
.registration-popup__close-button:hover svg {
  fill-opacity: 1;
}
.registration-popup__close-button svg {
  width: 24px;
  max-width: 24px;
  height: 24px;
  fill-opacity: 0.5;
  transition: 0.3s;
}
.registration-popup__code {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.registration-popup__code.loading .loader-code {
  display: flex;
}
.registration-popup__code.incorrect .registration-popup__code-input {
  border-color: #d62828;
}
.registration-popup__code.incorrect .registration-popup__code-request-incorrect {
  display: inline;
}
.registration-popup__code.correct .registration-popup__code-input {
  border-color: #309e69;
}
.registration-popup__code.correct .registration-popup__code-request-button {
  display: none;
}
.registration-popup__code.correct .registration-popup__code-request-correct {
  display: inline;
}
.registration-popup__code p {
  margin-bottom: 24px;
  text-align: center;
  text-wrap: balance;
}
.registration-popup__code .loader-code {
  margin-bottom: 32px;
}
.registration-popup__code-title {
  margin-bottom: 24px;
  color: #1a1b18;
  font-family: Circe;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
}
@media (max-width: 1199px) {
  .registration-popup__code-title {
    font-size: 36px;
  }
}
@media (max-width: 999px) {
  .registration-popup__code-title {
    font-size: 28px;
  }
}
.registration-popup__code-inputs-and-request {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
}
.registration-popup__code-inputs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 88px;
  gap: 12px;
  width: 100%;
  max-width: 240px;
  margin-bottom: 24px;
}
@media (max-width: 350px) {
  .registration-popup__code-inputs {
    grid-template-rows: 58px;
    gap: 6px;
  }
}
.registration-popup__code-inputs-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.registration-popup__code-inputs-click:hover ~ .registration-popup__code-input:not(:disabled) {
  border-color: #1e6aff;
}
.registration-popup__code-input {
  width: 100%;
  height: 100%;
  padding: 20px 6px;
  border-radius: 16px;
  border: 1px solid rgba(26, 27, 24, 0.2);
  color: #1a1b18;
  font-family: Circe;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0;
  transition: 0.3s;
}
@media (max-width: 350px) {
  .registration-popup__code-input {
    padding: 10px 6px;
    font-size: 32px;
  }
}
.registration-popup__code-input::-webkit-outer-spin-button, .registration-popup__code-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.registration-popup__code-input, .registration-popup__code-input:hover, .registration-popup__code-input:focus {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
.registration-popup__code-input:focus {
  border-color: #1e6aff;
}
.registration-popup__code-request {
  font-family: Circe;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.registration-popup__code-request-incorrect {
  display: none;
  color: #d62828;
}
.registration-popup__code-request-button {
  color: #1e6aff;
  text-decoration: underline;
  cursor: pointer;
}
.registration-popup__code-request-button:hover {
  text-decoration: none;
}
.registration-popup__code-request-correct {
  display: none;
  color: #309e69;
}
.registration-popup__code-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 8px;
  width: 100%;
}
@media (max-width: 450px) {
  .registration-popup__code-buttons {
    grid-template-columns: 1fr;
  }
}
.registration-popup__code-button-back, .registration-popup__code-button-ready {
  width: 100%;
  padding: 18px 10px;
}
.registration-popup__code-button-back:disabled {
  color: #d1d1d1;
}
@media (max-width: 450px) {
  .registration-popup__code-button-back {
    order: 2;
  }
}
.registration-popup__code-button-ready:disabled {
  background: #d1d1d1;
}
@media (max-width: 450px) {
  .registration-popup__code-button-ready {
    order: 1;
  }
}
.registration-popup__code-button-ready .loader {
  display: none;
  margin-top: -13px;
}
.registration-popup__code-button-ready.loading span {
  display: none;
}
.registration-popup__code-button-ready.loading .loader {
  display: block;
}
.registration-popup__code-button-ready .loader-dot {
  background: #727272;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  margin: 0 1px;
}
.registration-popup__code-button-ready .loader-dot:nth-last-child(1) {
  animation: loadingC 0.75s 0.1s linear infinite;
}
.registration-popup__code-button-ready .loader-dot:nth-last-child(2) {
  animation: loadingC 0.75s 0.2s linear infinite;
}
.registration-popup__code-button-ready .loader-dot:nth-last-child(3) {
  animation: loadingC 0.75s 0.3s linear infinite;
}
.registration-popup__thanks {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.registration-popup__thanks svg {
  width: 64px;
  max-width: 64px;
  min-width: 64px;
  margin-bottom: 12px;
}
.registration-popup__thanks-title {
  margin-bottom: 32px;
  color: #1a1b18;
  text-align: center;
  font-family: Circe;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
}
@media (max-width: 1199px) {
  .registration-popup__thanks-title {
    font-size: 36px;
  }
}
@media (max-width: 999px) {
  .registration-popup__thanks-title {
    font-size: 28px;
  }
}
.registration-popup__ready-button {
  width: 100%;
  max-width: 232px;
  padding: 18px 0;
  border-radius: 16px;
  border: 0;
  background: #1e6aff;
  color: #ffffff;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 650px) {
  .registration-popup__ready-button {
    font-size: 16px;
  }
}
@media (max-width: 450px) {
  .registration-popup__ready-button {
    max-width: 100%;
  }
}
.registration-popup__ready-button:hover {
  background: #1750bf;
}
.registration-popup__ready-button:active {
  background: #003bae;
}
.registration-popup__ready-button.hide {
  pointer-events: none;
  display: none;
}

@keyframes open-registration-popup {
  0% {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
  100% {
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
  }
}
@keyframes open-registration-popup-container {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loadingC {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}/*# sourceMappingURL=style.css.map */