:root {
  --font-family: "Inter", sans-serif;
  --content-width: 1170px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
  --light-color: #fff;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1;
}

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px;
}

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable value-keyword-case */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold-b72fa2728a.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: none !important;
}

.page {
  height: 100%;
  font-family: var(--font-family, sans-serif);
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  background-color: #6524d5;
}

.page__body {
  margin: 0;
  min-width: 360px;
  min-height: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.site-container {
  overflow: hidden;
}

.is-hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.btn-reset {
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

.list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-offset);
  max-width: var(--container-width);
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.page--ios .dis-scroll {
  position: relative;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../img/cursor-459c0a964a.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 9999;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
}

.hero {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background-image: url('data:image/svg+xml,<svg width="1187" height="1080" viewBox="0 0 1187 1080" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_17_169)"><path opacity="0.1" d="M1186.53 -18C632.617 16.7299 78.7049 51.4598 13.5083 145.874C-51.6883 240.289 388.616 393.336 633.688 481.303C878.759 569.269 915.255 587.517 932.584 598.389C949.914 609.261 946.97 612.204 897.185 620.49C847.401 628.775 750.863 642.314 696.717 652.526C642.571 662.738 633.741 669.213 638.611 674.021C643.481 678.828 662.317 681.771 691.152 682.404C719.986 683.037 758.248 681.272 788.26 677.124C818.272 672.977 838.874 666.502 848.605 660.812C858.335 655.122 856.569 650.412 845.652 646.809C834.736 643.206 814.722 640.851 795.582 641.404C776.442 641.957 758.783 645.489 753.806 654.078C748.83 662.667 757.071 676.206 773.383 693.481C789.696 710.757 813.83 731.36 840.096 758.455C866.362 785.55 894.028 818.514 907.986 895.243C921.944 971.972 921.355 1091.47 922.229 1155.38C923.104 1219.29 925.458 1224 927.884 1228.85" stroke="white" stroke-width="12" stroke-linecap="round"/></g><defs><clipPath id="clip0_17_169"><rect width="1187" height="1080" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;  background-size: cover;
}

@media (max-width: 767px) {
  .hero {
    background-image: url('data:image/svg+xml,<svg width="402" height="874" viewBox="0 0 402 874" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_17_194)"><path opacity="0.1" d="M586 35C202.333 59.0659 -181.334 83.1318 -226.492 148.556C-271.65 213.98 33.326 320.033 203.074 380.989C372.823 441.945 398.102 454.59 410.105 462.124C422.108 469.658 420.069 471.697 385.586 477.438C351.102 483.18 284.236 492.562 246.732 499.638C209.227 506.714 203.112 511.201 206.485 514.532C209.857 517.864 222.905 519.903 242.877 520.342C262.849 520.781 289.351 519.557 310.139 516.683C330.926 513.809 345.197 509.322 351.936 505.379C358.676 501.436 357.453 498.173 349.892 495.676C342.33 493.18 328.468 491.548 315.211 491.931C301.953 492.314 289.722 494.762 286.275 500.713C282.827 506.665 288.536 516.047 299.834 528.018C311.133 539.989 327.85 554.265 346.043 573.041C364.236 591.816 383.399 614.659 393.067 667.827C402.735 720.996 402.327 803.799 402.933 848.087C403.538 892.375 405.169 895.638 406.849 899" stroke="white" stroke-width="9.71111" stroke-linecap="round"/></g><defs><clipPath id="clip0_17_194"><rect width="402" height="874" fill="white"/></clipPath></defs></svg>');
    background-size: cover;
  }
}
.hero__container {
  max-width: 400px;
  margin: 0 auto;
  padding: 40px 16px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.hero__link {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}
.hero__link:hover {
  color: #92f022;
}
.hero__title svg {
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
  transition: transform 0.3s ease-out, filter 0.3s ease-out;
  transition: transform 0.3s ease-out, filter 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.hero__title svg path {
  -webkit-transition: fill 0.4s ease-out, -webkit-filter 0.3s ease-out;
  transition: fill 0.4s ease-out, -webkit-filter 0.3s ease-out;
  transition: fill 0.4s ease-out, filter 0.3s ease-out;
  transition: fill 0.4s ease-out, filter 0.3s ease-out, -webkit-filter 0.3s ease-out;
}
.hero__title svg.pulse {
  -webkit-animation: logoPulse 2s ease-in-out infinite;
  animation: logoPulse 2s ease-in-out infinite;
}
.hero__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}
.hero__tag {
  height: 55px;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 16px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: -0.04em;
}
.hero__tag[data-color="1"] {
  background-color: #92f022;
  color: #2d2118;
}
.hero__tag[data-color="2"] {
  background-color: #dd33ff;
  color: #fff;
}
.hero__tag[data-color="3"] {
  background-color: #ffe51f;
  color: #2d2118;
}
.hero__bottom-tags {
  margin-bottom: 40px;
  max-width: 325px;
  width: 100%;
  padding: 24px;
  border: 1px solid rgba(250, 250, 250, 0.3019607843);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
}
.hero__bottom-tags span {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
}
.hero__bottom-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.hero__bottom-timer p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.04em;
  text-align: center;
  margin: 0;
}
.hero__bottom-timer span {
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.04em;
}

@-webkit-keyframes logoPulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
  }
}

@keyframes logoPulse {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
    filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
  }
}
.interactive-logo-active svg path {
  -webkit-transition: fill 0.05s ease-out !important;
  transition: fill 0.05s ease-out !important;
}

@-webkit-keyframes rainbowShift {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

@keyframes rainbowShift {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
.rainbow-effect {
  -webkit-animation: rainbowShift 3s linear infinite;
  animation: rainbowShift 3s linear infinite;
}