/* [project]/src/screens/project/01-single/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__4bFvxW__Single h2 {
  font-family: var(--var-poppins), sans-serif;
  margin-bottom: 1.04167vw;
  font-size: 2.08333vw;
  font-weight: 800;
  line-height: 180%;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Single h2 {
    margin-bottom: 1.95313vw;
    font-size: 3.90625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__Single h2 {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__image {
    grid-area: 1 / 1 / 2 / 3;
  }
}

.index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__blur2 {
  aspect-ratio: 1;
  width: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__blur2 {
    display: none;
  }
}

.index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__blur3 {
  grid-column: 1 / -1;
  height: 21.3542vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__blur3 {
    height: 40.0391vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__Single .index-module-scss-module__4bFvxW__blur3 {
    height: 270px;
  }
}

.index-module-scss-module__4bFvxW__Wrapper {
  grid-gap: 3.48958vw 1.04167vw;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 3.64583vw;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Wrapper {
    grid-gap: 6.54297vw 1.95313vw;
    grid-template-columns: 1fr;
    padding-top: 6.83594vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__Wrapper {
    grid-gap: 32px;
    grid-template-columns: 1fr;
    padding-top: 32px;
  }
}

.index-module-scss-module__4bFvxW__Content {
  grid-gap: 3.48958vw 1.04167vw;
  z-index: 1;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  padding: 10.4167vw 5.20833vw;
  display: grid;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Content {
    grid-gap: 6.54297vw 1.95313vw;
    padding: 19.5313vw 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__Content {
    grid-gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    padding: 100px 16px;
  }
}

.index-module-scss-module__4bFvxW__Info {
  height: 23.4375vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__Info {
    height: 22.4609vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__Info {
    grid-area: 1 / -2 / 2 / -1;
    align-self: flex-end;
    height: 50%;
  }
}

@media (width <= 640px) {
  .index-module-scss-module__4bFvxW__Info {
    grid-area: 2 / 1 / 3 / -1;
    height: 150px;
  }
}

.index-module-scss-module__4bFvxW__GridText {
  grid-gap: 4.16667vw;
  grid-column: 1 / -1;
  grid-template-columns: 1fr 2fr;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__GridText {
    grid-gap: 7.8125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__GridText {
    grid-gap: 32px;
    grid-template-columns: 1fr;
  }
}

.index-module-scss-module__4bFvxW__bigLink {
  height: 21.3542vw;
  font-family: var(--var-poppins), sans-serif;
  text-align: center;
  border: none;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 5vw;
  font-weight: 800;
  line-height: 100%;
  display: flex;
  overflow: hidden;
}

@media (width <= 1024px) {
  .index-module-scss-module__4bFvxW__bigLink {
    height: 40.0391vw;
    font-size: 9.375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__4bFvxW__bigLink {
    height: 270px;
    font-size: 64px;
  }
}

.index-module-scss-module__4bFvxW__bigLink a {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.index-module-scss-module__4bFvxW__bigLink:before {
  width: 70%;
  right: -20%;
}


/* [project]/src/shared/components/ThreeScene/style.module.scss.module.css [app-client] (css) */
.style-module-scss-module__0zfsoq__scene {
  width: 100vw !important;
  height: 100vh !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}

.style-module-scss-module__0zfsoq__sceneGame {
  width: 100vw !important;
  height: 100vh !important;
}

.style-module-scss-module__0zfsoq__blockNebula {
  height: 150vh;
  position: absolute;
}


/* [project]/src/screens/project/01-single/ui/CursorParticlesImage/style.module.scss.module.css [app-client] (css) */
.style-module-scss-module__UoRYOW__CursorParticlesImage {
  width: 100%;
  height: 100%;
  position: relative;
}

.style-module-scss-module__UoRYOW__CursorParticlesImage img {
  object-fit: cover;
  border-radius: .625vw;
  width: 100%;
  height: 100%;
}

@media (width <= 1024px) {
  .style-module-scss-module__UoRYOW__CursorParticlesImage img {
    border-radius: 1.17188vw;
  }
}

@media (width <= 768px) {
  .style-module-scss-module__UoRYOW__CursorParticlesImage img {
    border-radius: 12px;
  }
}

.style-module-scss-module__UoRYOW__CursorParticlesImage canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}


/* [project]/src/shared/components/Paragraph/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__OONz2a__paragraph {
  font-size: .833333vw;
  font-weight: 300;
  line-height: 180%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__OONz2a__paragraph {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__OONz2a__paragraph {
    font-size: 16px;
  }
}

.styles-module-scss-module__OONz2a__paragraph.styles-module-scss-module__OONz2a__big {
  font-size: 1.04167vw;
}

@media (width <= 1024px) {
  .styles-module-scss-module__OONz2a__paragraph.styles-module-scss-module__OONz2a__big {
    font-size: 1.95313vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__OONz2a__paragraph.styles-module-scss-module__OONz2a__big {
    font-size: 20px;
  }
}


/* [project]/src/screens/home/01-hero/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__SW7k3q__Hero {
  pointer-events: auto;
  z-index: 999;
  height: 250vh;
  position: relative;
  overflow: visible;
}

.index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__little {
  height: 100vh;
}

.index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__isCenter h1 {
  font-size: 14.5833vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__isCenter h1 {
    font-size: 11.7188vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__isCenter h1 {
    font-size: 64px;
  }
}

.index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__coming h1, .index-module-scss-module__SW7k3q__Hero.index-module-scss-module__SW7k3q__isCenter h1 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__Hero {
    padding: 0 16px;
  }
}

.index-module-scss-module__SW7k3q__Hero h1 {
  font-family: var(--var-poppins), sans-serif;
  color: #f0f0f0;
  opacity: 0;
  text-align: center;
  font-size: 8.59375vw;
  font-weight: 800;
  line-height: 120%;
  transform: translateX(-100px);
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__Hero h1 {
    font-size: 9.76563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__Hero h1 {
    font-size: 64px;
  }
}

.index-module-scss-module__SW7k3q__Hero p {
  opacity: 0;
  text-align: center;
  max-width: 36.4583vw;
  margin: 0 0 4.6875vw;
  transform: translateY(100px);
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__Hero p {
    max-width: 68.3594vw;
    margin: 0 0 8.78906vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__Hero p {
    max-width: 100%;
    margin: 0 0 45px;
  }
}

.index-module-scss-module__SW7k3q__container {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  right: 0;
}

.index-module-scss-module__SW7k3q__container .index-module-scss-module__SW7k3q__scrollBar {
  background: #ffffff30;
  width: .104167vw;
  height: 7.8125vw;
  position: absolute;
  bottom: 3.64583vw;
  right: 5.20833vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__container .index-module-scss-module__SW7k3q__scrollBar {
    width: .195313vw;
    height: 14.6484vw;
    bottom: 6.25vw;
    right: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__container .index-module-scss-module__SW7k3q__scrollBar {
    width: 2px;
    height: 150px;
    bottom: 32px;
    right: 32px;
  }
}

.index-module-scss-module__SW7k3q__container .index-module-scss-module__SW7k3q__scrollBar span {
  background: #fff;
  width: 200%;
  height: 25%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes index-module-scss-module__SW7k3q__scroll {
  0% {
    transform: translateY(-10px);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.index-module-scss-module__SW7k3q__scroll {
  align-items: center;
  gap: 1.25vw;
  margin-bottom: 1.66667vw;
  font-size: 1.04167vw;
  font-weight: 400;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__scroll {
    gap: 2.34375vw;
    margin-bottom: 3.125vw;
    font-size: 1.95313vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__scroll {
    gap: 24px;
    margin-bottom: 32px;
    font-size: 20px;
  }
}

.index-module-scss-module__SW7k3q__scroll:before, .index-module-scss-module__SW7k3q__scroll:after {
  content: "";
  background: url("../media/icon.6f7f795c.svg") center / contain no-repeat;
  width: .833333vw;
  height: 1.14583vw;
  animation: 2s infinite index-module-scss-module__SW7k3q__scroll;
  display: block;
}

@media (width <= 1024px) {
  .index-module-scss-module__SW7k3q__scroll:before, .index-module-scss-module__SW7k3q__scroll:after {
    width: 1.5625vw;
    height: 2.14844vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW7k3q__scroll:before, .index-module-scss-module__SW7k3q__scroll:after {
    width: 16px;
    height: 22px;
  }
}


/* [project]/src/shared/components/socials/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__-cqHra__socials {
  z-index: 100;
  pointer-events: all;
  flex-direction: column;
  gap: 1.25vw;
  display: flex;
  position: absolute;
  bottom: 2.60417vw;
  left: 5.20833vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__-cqHra__socials {
    gap: 2.34375vw;
    bottom: 4.88281vw;
    left: 9.76563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__-cqHra__socials {
    gap: 10px;
    bottom: 50%;
    left: 20px;
    transform: translateY(50%);
  }
}

.index-module-scss-module__-cqHra__socials img {
  object-fit: cover;
  width: 1.30208vw;
  height: 1.30208vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__-cqHra__socials img {
    width: 2.92969vw;
    height: 2.92969vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__-cqHra__socials img {
    width: 28px;
    height: 28px;
  }
}

.index-module-scss-module__-cqHra__socials a {
  transition: transform .5s;
  display: inline-block;
  transform: scale(1);
}

.index-module-scss-module__-cqHra__socials a:hover {
  transform: scale(1.2);
}

.index-module-scss-module__-cqHra__zero {
  transform: scale(0);
}


/* [project]/src/screens/home/02-text/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__c7w7yG__Text {
  flex-direction: column;
  align-items: flex-end;
  padding: 10.4167vw 5.20833vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__c7w7yG__Text {
    padding: 19.5313vw 9.76563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__c7w7yG__Text {
    padding: 200px 16px;
  }
}

.index-module-scss-module__c7w7yG__Text h2 {
  margin-bottom: 1.04167vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__c7w7yG__Text h2 {
    margin-bottom: 1.95313vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__c7w7yG__Text h2 {
    margin-bottom: 20px;
  }
}

.index-module-scss-module__c7w7yG__Text h2 span {
  text-align: right;
  display: block;
}

.index-module-scss-module__c7w7yG__Text h2, .index-module-scss-module__c7w7yG__Text .index-module-scss-module__c7w7yG__content {
  width: 62.5vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__c7w7yG__Text h2, .index-module-scss-module__c7w7yG__Text .index-module-scss-module__c7w7yG__content {
    width: 100%;
  }
}

.index-module-scss-module__c7w7yG__Text p {
  text-align: left;
  width: 27.3438vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__c7w7yG__Text p {
    width: 51.2695vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__c7w7yG__Text p {
    width: 100%;
  }
}


/* [project]/src/screens/home/03-grad/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__NwS2fa__Grad {
  text-align: center;
  z-index: -1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 1.66667vw;
  height: 46.875vw;
  padding: 3.125vw 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.index-module-scss-module__NwS2fa__Grad h2 {
  text-align: center;
}

@media (width <= 1024px) {
  .index-module-scss-module__NwS2fa__Grad {
    gap: 3.125vw;
    height: 87.8906vw;
    padding: 5.85938vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NwS2fa__Grad {
    gap: 16px;
    height: 100dvh;
    padding: 60px 16px;
  }
}

.index-module-scss-module__NwS2fa__Grad p {
  width: 45.3125vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__NwS2fa__Grad p {
    width: 84.9609vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NwS2fa__Grad p {
    width: 100%;
  }
}

.index-module-scss-module__NwS2fa__image {
  z-index: -1;
  width: 100vw;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-image: linear-gradient(#000 0%, #0009 50%, #0000 100%);
}


/* [project]/src/screens/home/04-services/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__6PoB3a__Services {
  justify-content: flex-end;
  width: 100%;
  padding: 4.6875vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__Services {
    padding: 8.78906vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__Services {
    flex-direction: column;
    padding: 90px 16px;
  }
}

.index-module-scss-module__6PoB3a__content {
  border: 2px solid #97e3ff33;
  border-right: none;
  border-radius: 2.08333vw 0 0 2.08333vw;
  width: 60%;
  padding: 2.60417vw 4.16667vw;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__content {
    border-radius: 3.90625vw 0 0 3.90625vw;
    width: 75%;
    padding: 4.88281vw 5.85938vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__content {
    border-right: 2px solid #97e3ff33;
    border-radius: 16px;
    width: 100%;
    padding: 32px 16px;
    overflow: hidden;
  }
}

.index-module-scss-module__6PoB3a__content .index-module-scss-module__6PoB3a__before {
  z-index: -1;
  background: url("../media/grad.da25223b.webp") 100% 100% / contain no-repeat;
  width: 100%;
  height: 62.5vw;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__content .index-module-scss-module__6PoB3a__before {
    height: 97.6563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__content .index-module-scss-module__6PoB3a__before {
    height: 65dvh;
  }
}

.index-module-scss-module__6PoB3a__title {
  letter-spacing: .17em;
  margin-bottom: 4.6875vw;
  font-size: 1.25vw;
  font-weight: 700;
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__title {
    margin-bottom: 5.85938vw;
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__title {
    margin-bottom: 32px;
    font-size: 18px;
  }
}

.index-module-scss-module__6PoB3a__socials {
  position: static;
  transform: none;
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__socials {
    flex-direction: row;
  }
}

.index-module-scss-module__6PoB3a__aside {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.66667vw;
  display: flex;
  position: absolute;
  top: 50%;
  left: 5.20833vw;
  transform: translateY(-50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__aside {
    gap: 3.125vw;
    left: 9.76563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__aside {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    margin-bottom: 24px;
    position: static;
    left: auto;
    transform: none;
  }
}

.index-module-scss-module__6PoB3a__aside .index-module-scss-module__6PoB3a__text {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  transform: rotate(-90deg);
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__aside .index-module-scss-module__6PoB3a__text {
    display: contents;
  }
}

.index-module-scss-module__6PoB3a__aside h4 {
  align-items: center;
  width: max-content;
  height: 100%;
  font-size: 1.66667vw;
  font-weight: 400;
  line-height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__aside h4 {
    font-size: 3.125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__aside h4 {
    font-size: 24px;
    position: static;
    transform: none;
  }
}

.index-module-scss-module__6PoB3a__dot {
  background: #fff;
  border-radius: 50%;
  width: .416667vw;
  min-width: .416667vw;
  height: .416667vw;
  min-height: .416667vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__6PoB3a__dot {
    width: .78125vw;
    min-width: .78125vw;
    height: .78125vw;
    min-height: .78125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__6PoB3a__dot {
    width: 8px;
    min-width: 8px;
    height: 8px;
    min-height: 8px;
  }
}


/* [project]/src/screens/home/04-services/ui/Item/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__VI3zlW__item {
  text-align: left;
  cursor: pointer;
  border-bottom: .104167vw solid #fff3;
  flex-direction: column;
  width: 100%;
  padding: 2.08333vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__VI3zlW__item {
    border-bottom: .195313vw solid #fff3;
    padding: 3.90625vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__VI3zlW__item {
    border-bottom: 2px solid #fff3;
    padding: 24px 0;
  }
}

.index-module-scss-module__VI3zlW__item.index-module-scss-module__VI3zlW__last {
  border-bottom: none;
  padding-bottom: 0;
}

.index-module-scss-module__VI3zlW__content {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.index-module-scss-module__VI3zlW__arrow {
  background: url("../media/arrow.06c0d0ac.png") center / contain no-repeat;
  width: 2.5vw;
  height: 2.5vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__VI3zlW__arrow {
    width: 4.6875vw;
    height: 4.6875vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__VI3zlW__arrow {
    width: 24px;
    height: 24px;
  }
}

.index-module-scss-module__VI3zlW__top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.index-module-scss-module__VI3zlW__title {
  font-size: 3.33333vw;
  font-weight: 700;
}

@media (width <= 1024px) {
  .index-module-scss-module__VI3zlW__title {
    font-size: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__VI3zlW__title {
    font-size: 24px;
  }
}


/* [project]/src/screens/home/05-clients/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__AW5f3W__Clients {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25vw;
  padding: 5.20833vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__AW5f3W__Clients {
    gap: 2.34375vw;
    padding: 9.76563vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__AW5f3W__Clients {
    gap: 24px;
    padding: 100px 16px;
  }
}

.index-module-scss-module__AW5f3W__items {
  grid-template-columns: repeat(3, 1fr);
  gap: 0 6.66667vw;
  margin: 1.875vw 0 0;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__AW5f3W__items {
    gap: 0 6.25vw;
    margin: 3.51563vw 0 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__AW5f3W__items {
    gap: 0 32px;
    margin: 36px 0 0;
  }
}

.index-module-scss-module__AW5f3W__items img {
  object-fit: contain;
  width: 100%;
  max-width: 13.0208vw;
  height: 100%;
  max-height: 9.375vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__AW5f3W__items img {
    max-width: 21.4844vw;
    max-height: 15.625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__AW5f3W__items img {
    max-width: 200px;
    max-height: 120px;
  }
}


/* [project]/src/screens/home/06-portfolio/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__LDk5vq__Portfolio {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.66667vw;
  padding: 3.125vw 0;
  display: flex;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__Portfolio {
    gap: 3.125vw;
    padding: 5.85938vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__Portfolio {
    gap: 32px;
    padding: 60px 0;
  }
}

.index-module-scss-module__LDk5vq__before {
  aspect-ratio: 1;
  z-index: -1;
  background: url("../media/grad.2a640c8b.webp") center / cover no-repeat;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

.index-module-scss-module__LDk5vq__before.index-module-scss-module__LDk5vq__beforeHidden {
  opacity: 0;
}

.index-module-scss-module__LDk5vq__before.index-module-scss-module__LDk5vq__beforeVisible {
  opacity: 1;
}

.index-module-scss-module__LDk5vq__items {
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  margin-top: 1.66667vw;
  padding: 0 5.20833vw;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__items {
    margin-top: 3.125vw;
    padding: 0 7.8125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__items {
    grid-gap: 8.33333vw;
    grid-template-columns: 100%;
    margin-top: 32px;
    padding: 0 16px;
  }
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item {
  flex-direction: column;
  display: flex;
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) {
  width: 29.1667vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) {
    width: 32.1691vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) {
    width: 100%;
  }
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) img {
  width: 29.1667vw;
  height: 33.3333vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) img {
    width: 32.1691vw;
    height: 36.7647vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(3n+1) img {
    width: 100%;
    height: auto;
  }
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(4n-1) {
  justify-content: flex-end;
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item:nth-of-type(4n) {
  justify-self: flex-end;
}

.index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item img {
  object-fit: cover;
  border: .208333vw solid #ffffff73;
  border-radius: 1.04167vw;
  width: 100%;
  height: 23.4375vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item img {
    border: .390625vw solid #ffffff73;
    border-radius: 1.1489vw;
    height: 25.8502vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__items .index-module-scss-module__LDk5vq__item img {
    border: 4px solid #ffffff73;
    border-radius: 12px;
    width: 100%;
    height: auto;
    max-height: 300px;
  }
}

.index-module-scss-module__LDk5vq__name {
  margin: 2.1875vw 0 .833333vw;
  font-size: 1.875vw;
  font-weight: 700;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__name {
    margin: 4.10156vw 0 1.5625vw;
    font-size: 3.51563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__name {
    margin: 4.16667vw 0 2.08333vw;
    font-size: 18px;
  }
}

.index-module-scss-module__LDk5vq__text {
  letter-spacing: .17em;
  font-size: 1.25vw;
  font-weight: 500;
}

@media (width <= 1024px) {
  .index-module-scss-module__LDk5vq__text {
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__LDk5vq__text {
    font-size: 12px;
  }
}


/* [project]/src/screens/home/07-game/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__X7SU2G__Game {
  z-index: 999;
  pointer-events: auto;
  background: none;
  min-height: 100vh;
  position: relative;
}

.index-module-scss-module__X7SU2G__Game .index-module-scss-module__X7SU2G__Scene {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.index-module-scss-module__X7SU2G__hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}

@keyframes index-module-scss-module__X7SU2G__shade {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.index-module-scss-module__X7SU2G__button {
  color: #fff;
  text-align: center;
  border: .208333vw solid #fff;
  border-radius: 50%;
  width: 9.89583vw;
  height: 9.89583vw;
  font-size: 1.45833vw;
  font-weight: 700;
  line-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__X7SU2G__button {
    border: .390625vw solid #fff;
    width: 18.5547vw;
    height: 18.5547vw;
    font-size: 2.73438vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__X7SU2G__button {
    border: 4px solid #fff;
    width: 100px;
    height: 100px;
    font-size: 28px;
  }
}

.index-module-scss-module__X7SU2G__button:before {
  content: "";
  border: inherit;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: 1s infinite index-module-scss-module__X7SU2G__shade;
  position: absolute;
  inset: 0;
}


/* [project]/src/screens/home/08-cards/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__H-Vdca__Cards {
  padding: 3.125vw 5.20833vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__H-Vdca__Cards {
    padding: 5.85938vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__H-Vdca__Cards {
    padding: 60px 16px;
  }
}

.index-module-scss-module__H-Vdca__top {
  justify-content: space-between;
  align-items: center;
  gap: 3.125vw;
  margin-bottom: 1.875vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__H-Vdca__top {
    gap: 5.85938vw;
    margin-bottom: 3.51563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__H-Vdca__top {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
  }
}

.index-module-scss-module__H-Vdca__item {
  background: #ffffff42;
  border: 1px solid #fff;
  border-radius: .833333vw;
  width: 100%;
  height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__H-Vdca__item {
    border-radius: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__H-Vdca__item {
    border-radius: 16px;
  }
}

.index-module-scss-module__H-Vdca__swiper {
  width: 100%;
  height: 28.6458vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__H-Vdca__swiper {
    height: 43.9453vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__H-Vdca__swiper {
    height: 340px;
  }
}


/* [project]/src/screens/projects/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__gl5Caa__projects {
  text-align: center;
  width: 100vw;
  min-height: 100vh;
  font-family: var(--var-poppins), sans-serif;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.index-module-scss-module__gl5Caa__projects > * {
  pointer-events: all;
}

.index-module-scss-module__gl5Caa__projects h1 {
  color: #f0f0f0;
  opacity: 0;
  font-size: 14.7396vw;
  font-weight: 800;
  line-height: 140%;
  transition: font-size .3s ease-in, top .3s ease-in;
  animation: 1.7s ease-in forwards index-module-scss-module__gl5Caa__fade-in;
  position: absolute;
  top: 50vh;
  transform: translateY(-50%);
}

.index-module-scss-module__gl5Caa__projects h1.index-module-scss-module__gl5Caa__animated {
  font-size: 5vw;
  top: 9.32292vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projects h1 {
    font-size: 11.7188vw;
  }

  .index-module-scss-module__gl5Caa__projects h1.index-module-scss-module__gl5Caa__animated {
    font-size: 9.375vw;
    top: 17.4805vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projects h1 {
    font-size: 96px;
    top: 179px;
  }

  .index-module-scss-module__gl5Caa__projects h1.index-module-scss-module__gl5Caa__animated {
    font-size: 48px;
    top: 100px;
  }
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description {
  text-transform: lowercase;
  opacity: 0;
  z-index: 33;
  max-width: 34.375vw;
  font-size: 1.04167vw;
  font-weight: 400;
  line-height: 180%;
  transition: opacity .3s ease-in;
  position: absolute;
  top: 15.625vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description {
    max-width: 64.4531vw;
    font-size: 1.95313vw;
    top: 26.3672vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description {
    width: 90%;
    max-width: 660px;
    font-size: 20px;
    top: 300px;
  }
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description.index-module-scss-module__gl5Caa__animated {
  animation: 1.7s ease-in .3s forwards index-module-scss-module__gl5Caa__fade-in;
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views {
  justify-content: center;
  align-items: center;
  gap: .416667vw;
  padding: 2.5vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views {
    gap: .78125vw;
    padding: 4.6875vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views {
    gap: 8px;
    padding: 48px 0;
  }
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views button {
  font-family: var(--var-open-sans), sans-serif;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 300;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views button {
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views button {
    font-size: 24px;
  }
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__description .index-module-scss-module__gl5Caa__views button.index-module-scss-module__gl5Caa__active {
  color: #66d6ff;
}

.index-module-scss-module__gl5Caa__projects .index-module-scss-module__gl5Caa__gridMode {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}

.index-module-scss-module__gl5Caa__previewImage {
  z-index: 1000;
  transition: opacity .2s;
  position: fixed;
}

.index-module-scss-module__gl5Caa__list {
  width: 100vw;
  padding: 28.6458vw 5.20833vw 0;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list {
    padding: 53.7109vw 3.125vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list {
    padding: 550px 16px 0;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row {
    flex-direction: column;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row button {
  color: #fff;
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed {
  text-align: left;
  opacity: 0;
  flex-direction: column;
  align-items: flex-start;
  max-height: 0;
  font-size: .833333vw;
  transition: max-height .5s cubic-bezier(.4, 0, .2, 1), opacity .4s;
  overflow: hidden;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed {
    font-size: 12px;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed.index-module-scss-module__gl5Caa__open {
  opacity: 1;
  padding: 3.125vw 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed.index-module-scss-module__gl5Caa__open {
    padding: 5.85938vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed.index-module-scss-module__gl5Caa__open {
    padding: 60px 0;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed p {
  margin: 0;
  padding: 1.04167vw 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed p {
    padding: 1.95313vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed p {
    padding: 20px 0;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row.index-module-scss-module__gl5Caa__rowCollapsed img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col {
  text-align: center;
  font-family: var(--var-poppins), sans-serif;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.66667vw;
  padding: 5.20833vw 0;
  font-style: normal;
  display: flex;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col {
    gap: 3.125vw;
    padding: 9.76563vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col {
    gap: 32px;
    padding: 16px 0;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__title {
  width: 25%;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 140%;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__title {
    font-size: 4.6875vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__title {
    align-items: flex-start;
    width: 100%;
    font-size: 48px;
    position: relative;
  }

  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__title:before {
    content: attr(data-cat);
    opacity: .5;
    font-size: 16px;
    position: absolute;
    right: 0;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__category {
  text-transform: lowercase;
  border: 0 solid #ffffff69;
  border-width: 0 1px;
  padding: 0 9.84375vw;
  font-size: 1.04167vw;
  font-weight: 400;
  line-height: 180%;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__category {
    padding: 0 3.125vw;
    font-size: 1.95313vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__category {
    padding: 0 16px;
    font-size: 20px;
    display: none;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__desc {
  text-transform: lowercase;
  width: 40%;
  max-width: 32.1875vw;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 180%;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__desc {
    text-align: left;
    max-width: 60.3516vw;
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__desc {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
  }
}

.index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__collapseButton {
  user-select: none;
  justify-content: flex-start;
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__list .index-module-scss-module__gl5Caa__row .index-module-scss-module__gl5Caa__col.index-module-scss-module__gl5Caa__collapseButton {
    justify-content: flex-end;
    align-items: flex-end;
  }
}

.index-module-scss-module__gl5Caa__projectCard img {
  background: #001322;
  border: .0260417vw solid #97e3ff33;
  border-radius: .46875vw;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projectCard img {
    border: .0488281vw solid #97e3ff33;
    border-radius: .878906vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projectCard img {
    border: .5px solid #97e3ff33;
    border-radius: 9px;
  }
}

.index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info {
  font-family: var(--var-poppins), sans-serif;
  grid-gap: 7.29167vw;
  grid-template-columns: max-content 1fr;
  width: 100%;
  padding-top: .833333vw;
  line-height: 140%;
  display: grid;
  position: absolute;
  top: 100%;
  left: 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info {
    grid-gap: 13.6719vw;
    padding-top: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info {
    grid-gap: 16px;
    padding-top: 16px;
  }
}

.index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__title {
  font-size: max(20px, 1.04167vw);
  font-weight: 700;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__title {
    font-size: max(20px, 1.95313vw);
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__title {
    font-size: 20px;
  }
}

.index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__description {
  font-size: .833333vw;
  font-weight: 400;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__description {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__projectCard .index-module-scss-module__gl5Caa__project-info .index-module-scss-module__gl5Caa__description {
    font-size: 16px;
  }
}

@keyframes index-module-scss-module__gl5Caa__fade-in {
  to {
    opacity: 1;
  }
}

.index-module-scss-module__gl5Caa__visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.index-module-scss-module__gl5Caa__hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.index-module-scss-module__gl5Caa__blur {
  width: 14.5833vw;
  height: 10.5208vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__gl5Caa__blur {
    width: 27.3438vw;
    height: 19.7266vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__gl5Caa__blur {
    width: 280px;
    height: 202px;
  }
}


/* [project]/src/shared/components/ThreeScene/Nebula/Projects/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__CAtrnG__projectHtml {
  opacity: 0;
  transition: opacity .5s;
}

.index-module-scss-module__CAtrnG__projectHtml.index-module-scss-module__CAtrnG__visible {
  opacity: 1;
}


/* [project]/src/screens/404/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__oFCQVG__Page404 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.index-module-scss-module__oFCQVG__Page404 h1 {
  z-index: 1;
  font-size: 1.875vw;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__oFCQVG__Page404 h1 {
    font-size: 3.51563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__oFCQVG__Page404 h1 {
    font-size: 32px;
  }
}

.index-module-scss-module__oFCQVG__canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}


/* [project]/src/shared/components/squares/style.module.scss.module.css [app-client] (css) */
.style-module-scss-module__6r6fya__canvas {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}


/* [project]/src/screens/about/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__NFH41a__scene {
  width: 100vw !important;
  height: 100vh !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.index-module-scss-module__NFH41a__About {
  opacity: 1;
  min-height: 100vh;
  transition: opacity .5s ease-in-out;
  position: relative;
}

.index-module-scss-module__NFH41a__About.index-module-scss-module__NFH41a__hideProjects {
  opacity: 0;
}

.index-module-scss-module__NFH41a__About .index-module-scss-module__NFH41a__description {
  opacity: 0;
  text-align: left;
  max-width: 31.875vw;
  transition: opacity .5s ease-in-out;
  position: absolute;
  bottom: 2.08333vw;
  left: 5.20833vw;
}

.index-module-scss-module__NFH41a__About .index-module-scss-module__NFH41a__description.index-module-scss-module__NFH41a__animated {
  opacity: 1;
}

.index-module-scss-module__NFH41a__About .index-module-scss-module__NFH41a__description h2 {
  font-family: var(--var-poppins), sans-serif;
  margin-bottom: 1rem;
  font-size: 2.08333vw;
  font-weight: 800;
}

.index-module-scss-module__NFH41a__About .index-module-scss-module__NFH41a__description p {
  max-width: 26.25vw;
  margin-bottom: 1rem;
  font-size: .833333vw;
  line-height: 1.5;
}


/* [project]/src/screens/contact/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__mH7I1G__section {
  font-family: var(--var-poppins), sans-serif;
  padding: 10.1563vw 5.20833vw 5.20833vw;
  position: relative;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__section {
    padding: 16.1133vw 6.25vw 6.25vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__section {
    padding: 64px 16px;
  }
}

.styles-module-scss-module__mH7I1G__section form {
  width: 65%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__section form {
    width: 75%;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__section form {
    width: 100%;
  }
}

.styles-module-scss-module__mH7I1G__section.styles-module-scss-module__mH7I1G__finalSection {
  height: 100vh;
}

.styles-module-scss-module__mH7I1G__title {
  text-align: center;
  color: #f0f0f0;
  margin-bottom: 3.125vw;
  font-size: 8.59375vw;
  font-weight: 800;
  line-height: 100%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__title {
    margin-bottom: 5.85938vw;
    font-size: 9.76563vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__title {
    margin-bottom: 32px;
    font-size: 60px;
  }
}

.styles-module-scss-module__mH7I1G__subtitle {
  text-transform: lowercase;
  font-size: 1.25vw;
  font-weight: 800;
  line-height: 180%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__subtitle {
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__subtitle {
    font-size: 18px;
  }
}

.styles-module-scss-module__mH7I1G__radio_checkboxes {
  grid-gap: .520833vw;
  grid-template-columns: repeat(2, 1fr);
  width: 75%;
  display: grid;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes {
    grid-gap: .976563vw;
    width: 100%;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes {
    grid-gap: 10px;
  }
}

@media (width <= 640px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes {
    grid-template-columns: 100%;
  }
}

.styles-module-scss-module__mH7I1G__radio_checkboxes_item {
  align-items: center;
  gap: .729167vw;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 180%;
  display: flex;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes_item {
    gap: 1.36719vw;
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes_item {
    gap: 10px;
    font-size: 14px;
  }
}

.styles-module-scss-module__mH7I1G__radio_checkboxes_item, .styles-module-scss-module__mH7I1G__radio_checkboxes_item > * {
  cursor: pointer;
}

.styles-module-scss-module__mH7I1G__radio_checkboxes_item input {
  appearance: none;
  background: #001322;
  border: .0520833vw solid #fff;
  border-radius: 50%;
  width: 1.09375vw;
  min-width: 1.09375vw;
  height: 1.09375vw;
  min-height: 1.09375vw;
  position: relative;
  overflow: hidden;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes_item input {
    width: 2.05078vw;
    min-width: 2.05078vw;
    height: 2.05078vw;
    min-height: 2.05078vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__radio_checkboxes_item input {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
  }
}

.styles-module-scss-module__mH7I1G__radio_checkboxes_item input:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  transition: transform .25s ease-in-out;
  position: absolute;
  inset: 20%;
  transform: scale(0);
}

.styles-module-scss-module__mH7I1G__radio_checkboxes_item input:checked:before {
  transform: scale(1);
}

.styles-module-scss-module__mH7I1G__part {
  flex-direction: column;
  gap: 2.34375vw;
  margin-bottom: 4.16667vw;
  display: flex;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__part {
    gap: 4.39453vw;
    margin-bottom: 7.8125vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__part {
    gap: 32px;
    margin-bottom: 32px;
  }
}

.styles-module-scss-module__mH7I1G__errors {
  color: red;
  opacity: 0;
  font-size: .833333vw;
  font-weight: 400;
  transition: opacity .25s ease-in-out;
}

.styles-module-scss-module__mH7I1G__errors.styles-module-scss-module__mH7I1G__visible {
  opacity: 1;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__errors {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__errors {
    font-size: 12px;
  }
}

.styles-module-scss-module__mH7I1G__field {
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__mH7I1G__field label {
  text-transform: lowercase;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 180%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__field label {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__field label {
    font-size: 14px;
  }
}

.styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea {
  background: #081c2b;
  border: .0520833vw solid #ffffff38;
  border-radius: .520833vw;
  padding: 1.04167vw 1.45833vw;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea {
    border: .0976563vw solid #ffffff38;
    border-radius: .976563vw;
    padding: 1.36719vw 2.34375vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea {
    border: 1px solid #ffffff38;
    border-radius: 6px;
    padding: 12px 16px;
  }
}

.styles-module-scss-module__mH7I1G__field input::placeholder, .styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea::placeholder, .styles-module-scss-module__mH7I1G__field textarea {
  text-transform: lowercase;
  color: #ffffff54;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 180%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__field input::placeholder, .styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea::placeholder, .styles-module-scss-module__mH7I1G__field textarea {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__field input::placeholder, .styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea::placeholder, .styles-module-scss-module__mH7I1G__field textarea {
    font-size: 14px;
  }
}

.styles-module-scss-module__mH7I1G__field input, .styles-module-scss-module__mH7I1G__field textarea {
  color: #fff;
}

.styles-module-scss-module__mH7I1G__field.styles-module-scss-module__mH7I1G__full {
  grid-column: 1 / -1;
}

@media (width <= 480px) {
  .styles-module-scss-module__mH7I1G__field {
    grid-column: 1 / -1;
  }
}

.styles-module-scss-module__mH7I1G__grid {
  grid-gap: 1.04167vw 2.08333vw;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__grid {
    grid-gap: 1.95313vw 3.90625vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__grid {
    grid-gap: 16px;
  }
}

.styles-module-scss-module__mH7I1G__blur {
  height: 21.3542vw;
  margin-top: 5.20833vw;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__blur {
    height: 40.0391vw;
    margin-top: 9.76563vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__blur {
    height: 340px;
    margin-top: 64px;
  }
}

.styles-module-scss-module__mH7I1G__final {
  opacity: 0;
  pointer-events: all;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25vw;
  height: 100%;
  padding-bottom: 3.125vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__final {
    gap: 2.34375vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__final {
    gap: 16px;
  }
}

.styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__title {
  margin: 0;
}

.styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__subtitle_big {
  letter-spacing: 0%;
  text-transform: lowercase;
  font-size: 2.08333vw;
  font-weight: 800;
  line-height: 179%;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__subtitle_big {
    font-size: 3.125vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__subtitle_big {
    font-size: 24px;
  }
}

.styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__button {
  padding-inline: 4.375vw;
}

@media (width <= 1024px) {
  .styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__button {
    padding-inline: 8.20313vw;
  }
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__final .styles-module-scss-module__mH7I1G__button {
    padding-inline: 48px;
  }
}

.styles-module-scss-module__mH7I1G__canvas {
  z-index: -1;
}

@media (width <= 768px) {
  .styles-module-scss-module__mH7I1G__isSubmittingBtn {
    width: 100%;
  }
}


/* [project]/src/screens/service/01-single/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__ImGDwq__Single {
  font-family: var(--var-poppins), sans-serif;
}

.index-module-scss-module__ImGDwq__Single h2 {
  font-size: 1.66667vw;
  font-weight: 800;
  line-height: 180%;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Single h2 {
    font-size: 3.125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Single h2 {
    font-size: 32px;
  }
}

.index-module-scss-module__ImGDwq__Section {
  flex-direction: column;
  grid-column: 1 / -1;
  gap: 5.20833vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Section {
    gap: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Section {
    gap: 32px;
  }
}

.index-module-scss-module__ImGDwq__Content {
  z-index: 1;
  grid-gap: 3.64583vw 5.20833vw;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  padding: 10.1563vw 5.20833vw 0;
  display: grid;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Content {
    grid-gap: 6.25vw;
    padding: 19.043vw 6.25vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Content {
    grid-gap: 64px;
    grid-template-columns: 100%;
    padding: 100px 16px 0;
  }
}

.index-module-scss-module__ImGDwq__Wrapper {
  grid-gap: 8.33333vw;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  width: 100%;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Wrapper {
    grid-gap: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper {
    grid-gap: 32px;
    grid-template-rows: repeat(2, max-content);
    grid-template-columns: 100%;
  }
}

.index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__blur {
  height: 100%;
  min-height: 19.5313vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__blur {
    min-height: 36.6211vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__blur {
    min-height: 100px;
  }
}

.index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__Text {
  grid-area: 1 / 1 / 2 / 2;
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__Text {
    grid-area: 1 / 1 / 2 / 2;
  }
}

.index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__blur {
  grid-area: 1 / 2 / 2 / 3;
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper .index-module-scss-module__ImGDwq__blur {
    grid-area: 2 / 1 / 3 / 2;
  }
}

.index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__Text {
  grid-column: 2 / 3;
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__Text {
    grid-area: 1 / 1 / 2 / 2;
  }
}

.index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__blur {
  grid-column: 1 / 2;
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__blur {
    grid-area: 2 / 1 / 3 / 2;
  }
}

.index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__blur {
  min-height: 25.2604vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__blur {
    min-height: 47.3633vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Wrapper.index-module-scss-module__ImGDwq__isEven .index-module-scss-module__ImGDwq__blur {
    min-height: 200px;
  }
}

.index-module-scss-module__ImGDwq__Text {
  flex-direction: column;
  gap: .520833vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Text {
    gap: .976563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Text {
    gap: 10px;
  }
}

.index-module-scss-module__ImGDwq__Grid {
  grid-gap: 1.25vw;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__ImGDwq__Grid {
    grid-gap: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.index-module-scss-module__ImGDwq__Grid .index-module-scss-module__ImGDwq__blur {
  aspect-ratio: 1;
  width: 100%;
}

@media (width <= 768px) {
  .index-module-scss-module__ImGDwq__Grid .index-module-scss-module__ImGDwq__blur:last-of-type {
    display: none;
  }
}


/* [project]/src/screens/our-progress/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__xMaCBq__History {
  color: #fff;
  font-family: var(--var-poppins), sans-serif;
  text-transform: lowercase;
  padding-top: 17.1875vw;
  font-size: .833333vw;
  font-style: normal;
  font-weight: 400;
}

@media (width <= 1024px) {
  .index-module-scss-module__xMaCBq__History {
    padding-top: 32.2266vw;
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__xMaCBq__History {
    padding: 330px 16px 16px;
    font-size: 12px;
  }
}

.index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item {
  width: 20.9896vw;
  left: var(--left);
  margin-bottom: var(--margin-bottom);
  flex-direction: column;
  gap: .416667vw;
  display: flex;
  position: relative;
}

.index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item:first-of-type {
  width: var(--width);
}

@media (width <= 1024px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item:first-of-type {
    width: 64.4531vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item:first-of-type {
    width: 100%;
  }
}

.index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item .index-module-scss-module__xMaCBq__Title {
  font-size: 2.08333vw;
  font-weight: 600;
}

@media (width <= 1024px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item .index-module-scss-module__xMaCBq__Title {
    font-size: 3.90625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item .index-module-scss-module__xMaCBq__Title {
    font-size: 32px;
  }
}

@media (width <= 1024px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item {
    width: 54.6875vw;
    left: calc(var(--left) * .5);
    margin-bottom: calc(var(--margin-bottom) * .75);
    gap: .78125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__xMaCBq__History .index-module-scss-module__xMaCBq__Item {
    gap: 8px;
    width: 100%;
    margin-bottom: 64px;
    position: static;
  }
}


/* [project]/src/screens/we-are-in-media/index.module.scss.module.css [app-client] (css) */



/* [project]/src/screens/referral/01-hero/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__NI9V7q__Hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding: 0 5.20833vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__NI9V7q__Hero {
    padding: 0 9.76563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NI9V7q__Hero {
    text-align: center;
    padding: 0 16px;
  }
}

.index-module-scss-module__NI9V7q__button {
  padding-inline: 6.97917vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__NI9V7q__button {
    padding-inline: 13.0859vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NI9V7q__button {
    padding-inline: 80px;
  }
}

.index-module-scss-module__NI9V7q__content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.875vw;
  width: 36.4583vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__NI9V7q__content {
    gap: 3.51563vw;
    width: 68.3594vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NI9V7q__content {
    align-items: center;
    gap: 24px;
    width: 100%;
  }
}

.index-module-scss-module__NI9V7q__content h1 {
  font-family: var(--var-poppins), sans-serif;
  font-size: 3.33333vw;
  font-weight: 800;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__NI9V7q__content h1 {
    font-size: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__NI9V7q__content h1 {
    font-size: 42px;
  }
}


/* [project]/src/screens/referral/02-how-it-works/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__orVPba__How {
  font-family: var(--var-poppins), sans-serif;
  padding: 0 5.20833vw;
  overflow: visible;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__How {
    padding: 0 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__How {
    padding: 0 16px;
  }
}

.index-module-scss-module__orVPba__blur {
  flex-direction: column;
  align-items: center;
  gap: 3.33333vw;
  padding: 3.125vw 1.97917vw 3.75vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__blur {
    gap: 6.25vw;
    padding: 5.85938vw 3.125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__blur {
    gap: 32px;
    padding: 32px 16px 16px;
  }
}

.index-module-scss-module__orVPba__blur:before {
  width: 60%;
  right: -10%;
}

.index-module-scss-module__orVPba__items {
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  width: 100%;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__items {
    grid-gap: 2.34375vw;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, calc(50% - 1.17188vw));
  }

  .index-module-scss-module__orVPba__items .index-module-scss-module__orVPba__item:last-of-type {
    grid-column: 1 / -1;
    justify-self: center;
    width: 48.8281vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__items {
    grid-gap: 32px;
    grid-template-rows: repeat(3, max-content);
    grid-template-columns: 100%;
  }

  .index-module-scss-module__orVPba__items .index-module-scss-module__orVPba__item:last-of-type {
    width: 100%;
  }
}

.index-module-scss-module__orVPba__item img {
  width: 2.70833vw;
  height: 2.70833vw;
  margin: 0 auto;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__item img {
    width: 4.6875vw;
    height: 4.6875vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__item img {
    width: 48px;
    height: 48px;
  }
}

.index-module-scss-module__orVPba__item h3 {
  margin: 1.66667vw 0 .833333vw;
  font-size: 1.5625vw;
  font-weight: 500;
  line-height: 140%;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__item h3 {
    margin: 3.125vw 0 1.5625vw;
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__item h3 {
    margin: 32px 0 16px;
    font-size: 24px;
  }
}

.index-module-scss-module__orVPba__item p {
  width: 22.3958vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__orVPba__item p {
    width: 100%;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__orVPba__item p {
    font-size: 16px !important;
  }
}


/* [project]/src/shared/components/title-2/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__SW9Tpq__title {
  font-family: var(--var-poppins), sans-serif;
  font-size: 4.16667vw;
  font-weight: 700;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__SW9Tpq__title {
    font-size: 7.8125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__SW9Tpq__title {
    font-size: 32px;
  }
}


/* [project]/src/screens/referral/03-what/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__97vqGq__What {
  padding: 6.77083vw 10.4167vw 8.85417vw;
}

.index-module-scss-module__97vqGq__What h2 {
  text-align: center;
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__What h2 {
    text-align: left;
  }
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__What {
    padding: 6.83594vw 5.85938vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__What {
    padding: 100px 20px;
  }
}

.index-module-scss-module__97vqGq__item {
  background: #1e3d4e;
  border-radius: .520833vw;
  padding: 1.5625vw 2.86458vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__item {
    border-radius: .976563vw;
    padding: 2.92969vw 3.90625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__item {
    border-radius: 10px;
    padding: 30px 40px;
  }
}

.index-module-scss-module__97vqGq__date {
  color: #fff;
  opacity: .8;
  font-size: .833333vw;
  font-weight: 400;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__date {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__date {
    font-size: 16px;
  }
}

.index-module-scss-module__97vqGq__swiper {
  width: 100%;
  margin-top: 3.38542vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__swiper {
    margin-top: 6.34766vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__swiper {
    margin-top: 24px;
  }
}

.index-module-scss-module__97vqGq__swiper .swiper-wrapper {
  padding-bottom: 3.33333vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__swiper .swiper-wrapper {
    padding-bottom: 6.25vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__swiper .swiper-wrapper {
    padding-bottom: 48px;
  }
}

.index-module-scss-module__97vqGq__swiper .swiper-pagination {
  bottom: -1.66667vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__swiper .swiper-pagination {
    bottom: -3.125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__swiper .swiper-pagination {
    bottom: -32px;
  }
}

.index-module-scss-module__97vqGq__swiper .swiper-pagination-bullet {
  background: #fff;
}

.index-module-scss-module__97vqGq__name {
  color: #fff;
  margin: 1.04167vw 0 .833333vw;
  font-size: 1.25vw;
  font-weight: 700;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__name {
    margin: 1.95313vw 0 1.5625vw;
    font-size: 2.34375vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__name {
    margin: 20px 0 16px;
    font-size: 24px;
  }
}

.index-module-scss-module__97vqGq__text {
  color: #fff;
  opacity: .8;
  font-size: .9375vw;
  font-weight: 400;
  line-height: 180%;
}

@media (width <= 1024px) {
  .index-module-scss-module__97vqGq__text {
    font-size: 1.75781vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__97vqGq__text {
    font-size: 16px;
  }
}


/* [project]/node_modules/swiper/modules/pagination.css [app-client] (css) */
.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}


/* [project]/src/screens/referral/04-faq/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__KVRS5G__Faq {
  flex-direction: column;
  align-items: center;
  padding: 0 12.7604vw 4.16667vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__KVRS5G__Faq {
    padding: 0 12.207vw 7.8125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__KVRS5G__Faq {
    padding: 100px 20px 40px;
  }
}

.index-module-scss-module__KVRS5G__items {
  flex-direction: column;
  gap: 3.125vw;
  width: 100%;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__KVRS5G__items {
    gap: 5.85938vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__KVRS5G__items {
    gap: 30px;
  }
}

.index-module-scss-module__KVRS5G__top {
  grid-template-columns: 1fr 50%;
  margin-bottom: 4.16667vw;
  display: grid;
}

@media (width <= 1024px) {
  .index-module-scss-module__KVRS5G__top {
    margin-bottom: 7.8125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__KVRS5G__top {
    grid-gap: 20px;
    grid-template-columns: 100%;
    margin-bottom: 60px;
  }
}


/* [project]/src/screens/referral/04-faq/ui/Item/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__EYfjya__item {
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.index-module-scss-module__EYfjya__content {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.index-module-scss-module__EYfjya__top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media (width <= 768px) {
  .index-module-scss-module__EYfjya__top {
    gap: 10px;
  }
}

.index-module-scss-module__EYfjya__title {
  max-width: 44.7917vw;
  font-size: 1.35417vw;
  font-weight: 700;
  line-height: 1.97917vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__EYfjya__title {
    max-width: 83.9844vw;
    font-size: 2.53906vw;
    line-height: 3.71094vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__EYfjya__title {
    max-width: none;
    font-size: 16px;
    line-height: 180%;
  }
}

.index-module-scss-module__EYfjya__icon {
  background: #fff;
  width: 1.97917vw;
  min-width: 1.97917vw;
  height: .3125vw;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__EYfjya__icon {
    width: 3.71094vw;
    min-width: 3.71094vw;
    height: .390625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__EYfjya__icon {
    width: 20px;
    min-width: 20px;
    height: 3px;
  }
}

.index-module-scss-module__EYfjya__icon:after {
  content: "";
  background: #fff;
  width: 1.97917vw;
  height: .3125vw;
  transition: transform .5s;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg);
}

@media (width <= 1024px) {
  .index-module-scss-module__EYfjya__icon:after {
    width: 3.71094vw;
    height: .390625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__EYfjya__icon:after {
    width: 20px;
    height: 3px;
  }
}

.index-module-scss-module__EYfjya__icon.index-module-scss-module__EYfjya__active:after {
  transform: rotate(180deg);
}

.index-module-scss-module__EYfjya__text {
  opacity: .8;
  font-size: 1.04167vw;
  font-weight: 400;
  line-height: 150%;
}

@media (width <= 1024px) {
  .index-module-scss-module__EYfjya__text {
    font-size: 1.95313vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__EYfjya__text {
    font-size: 16px;
  }
}


/* [project]/src/screens/coming-soon/01-hero/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__0PJLSq__Hero {
  grid-gap: 2.70833vw;
  --opacity: 0;
  --transform: 100%;
  grid-template-rows: max-content 1fr max-content;
  grid-template-columns: 100%;
  justify-items: center;
  height: 100vh;
  margin-bottom: 6.25vw;
  padding: 3.33333vw 0;
  display: grid;
  position: relative;
  overflow: visible;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero {
    grid-gap: 5.07813vw;
    margin-bottom: 11.7188vw;
    padding: 6.25vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero {
    grid-gap: 50px;
    margin-bottom: 100px;
    padding: 90px 24px 32px;
  }
}

.index-module-scss-module__0PJLSq__Hero:before {
  content: "";
  width: 100%;
  height: 8.07292vw;
  opacity: var(--opacity);
  transform: translateY(var(--transform));
  background: url("../media/lines.507287e0.png") center / cover no-repeat;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero:before {
    height: 8.00781vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero:before {
    height: 35px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__logo {
  opacity: 0;
  width: auto;
  height: 2.34375vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__logo {
    height: 4.39453vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__logo {
    height: 30px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title {
  font-family: var(--var-poppins), sans-serif;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13.0208vw;
  font-weight: 800;
  line-height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title {
    font-size: 15.625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title {
    font-size: clamp(24px, 20vw, 100px);
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span {
  position: relative;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span .index-module-scss-module__0PJLSq__line {
  object-position: center;
  object-fit: cover;
  width: auto;
  height: 3.125vw;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span .index-module-scss-module__0PJLSq__line {
    height: 5.85938vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span .index-module-scss-module__0PJLSq__line {
    display: none;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span .index-module-scss-module__0PJLSq__line:first-of-type {
  right: 100%;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span .index-module-scss-module__0PJLSq__line:nth-of-type(2) {
  left: 100%;
  transform: rotateY(180deg)translateY(-50%);
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span:first-of-type {
  background: linear-gradient(90deg, #fff6 0%, #fff 50%, #fff6 100%);
  -webkit-text-fill-color: #0000;
  text-fill-color: #0000;
  -webkit-background-clip: text;
  transform: translateY(33%);
  background-clip: text !important;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span:first-of-type b {
  opacity: .4;
  background: linear-gradient(90deg, #fff6 0%, #fff 50%, #fff6 100%);
  -webkit-text-fill-color: #0000;
  text-fill-color: #0000;
  -webkit-background-clip: text;
  height: 100%;
  display: inline-block;
  position: relative;
  background-clip: text !important;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span:first-of-type:after {
  content: attr(data-text);
  text-shadow: 0 0 1.71875vw #3f65fd;
  z-index: -1;
  opacity: .4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span:first-of-type:after {
    text-shadow: 0 0 3.22266vw #3f65fd;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__title span:nth-of-type(2) {
  color: #0000;
  background: url("../media/Soon.b3ce309c.png") center / contain no-repeat;
  transform: translateY(-33%);
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text {
  text-align: center;
  color: #ccc;
  font-family: var(--var-poppins), sans-serif;
  flex-direction: column;
  display: flex;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text span {
  opacity: 0;
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_1 {
  font-family: var(--var-poppins), sans-serif;
  font-size: 1.35417vw;
  font-weight: 700;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_1 {
    font-size: 2.53906vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_1 {
    font-size: 14px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_2 {
  font-size: 1.97917vw;
  font-weight: 300;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_2 {
    font-size: 3.71094vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_2 {
    font-size: 20px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_3 {
  font-size: 3.75vw;
  font-weight: 100;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_3 {
    font-size: 7.03125vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__text .index-module-scss-module__0PJLSq__span_3 {
    font-size: 36px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom {
  text-align: center;
  opacity: 0;
  width: 46.875vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom {
    width: 87.8906vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom {
    width: 100%;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom h2 {
  font-family: var(--var-poppins), sans-serif;
  margin-bottom: .520833vw;
  font-size: .9375vw;
  font-weight: 500;
}

@media (width <= 1024px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom h2 {
    margin-bottom: .520833vw;
    font-size: 1.75781vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom h2 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.index-module-scss-module__0PJLSq__Hero .index-module-scss-module__0PJLSq__bottom p {
  color: #aaa;
}


/* [project]/src/screens/coming-soon/02-what/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__3PPuUW__What {
  flex-direction: column;
  align-items: center;
  padding: 2.08333vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__What {
    padding: 3.90625vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__What {
    padding: 75px 20px;
  }
}

.index-module-scss-module__3PPuUW__What h2 {
  font-family: var(--var-poppins), sans-serif;
  text-align: center;
  width: 15.625vw;
  font-size: 2.08333vw;
  font-weight: 800;
  line-height: 8.02083vw;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__What h2 {
    width: 29.2969vw;
    font-size: 3.90625vw;
    line-height: 15.0391vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__What h2 {
    width: 50%;
    font-size: 24px;
    line-height: 100%;
  }
}

.index-module-scss-module__3PPuUW__What h2:before {
  content: "";
  background: url("../media/line.177d9430.png") center / contain no-repeat;
  width: 4.42708vw;
  height: .208333vw;
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__What h2:before {
    width: 8.30078vw;
    height: .390625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__What h2:before {
    width: 85px;
    height: 4px;
  }
}

.index-module-scss-module__3PPuUW__What h2:after {
  content: "";
  background: url("../media/line.177d9430.png") center / contain no-repeat;
  width: 4.42708vw;
  height: .208333vw;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%)rotateY(180deg);
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__What h2:after {
    width: 8.30078vw;
    height: .390625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__What h2:after {
    width: 85px;
    height: 4px;
  }
}

.index-module-scss-module__3PPuUW__content {
  grid-gap: 4.16667vw;
  grid-template-columns: 25.5208vw max-content 25.5208vw;
  margin-top: 1.5625vw;
  display: grid;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__content {
    grid-gap: 4.88281vw;
    grid-template-columns: 31.25vw max-content 31.25vw;
    margin-top: .976563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__content {
    grid-gap: 35px;
    grid-template-columns: 1fr;
    margin-top: 45px;
  }
}

.index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__line {
  background: url("../media/big-line.79f0570f.png") center / contain no-repeat;
  align-self: center;
  width: .104167vw;
  height: 16.4063vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__line {
    width: .195313vw;
    height: 30.7617vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__line {
    display: none;
  }
}

.index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items {
  flex-direction: column;
  gap: 2.34375vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items {
    gap: 4.39453vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items {
    display: contents;
  }
}

.index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items-0 .index-module-scss-module__3PPuUW__item {
  text-align: right;
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items-0 .index-module-scss-module__3PPuUW__item {
    text-align: center;
  }
}

.index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items-0 .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top {
  flex-direction: row-reverse;
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__content .index-module-scss-module__3PPuUW__items-0 .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top {
    flex-direction: column;
  }
}

.index-module-scss-module__3PPuUW__item {
  flex-direction: column;
  gap: .78125vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__item {
    gap: 1.46484vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__item {
    text-align: center;
    gap: 5px;
  }
}

.index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top {
  align-items: center;
  gap: .833333vw;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top {
    gap: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top {
    flex-direction: column;
    gap: 5px;
  }
}

.index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top img {
  object-fit: contain;
  object-position: center;
  width: 3.64583vw;
  height: 3.64583vw;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top img {
    width: 4.6875vw;
    height: 4.6875vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top img {
    width: 48px;
    height: 48px;
  }
}

.index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top .index-module-scss-module__3PPuUW__title {
  font-family: var(--var-poppins), sans-serif;
  color: #ccc;
  font-size: 1.04167vw;
  font-weight: 700;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top .index-module-scss-module__3PPuUW__title {
    font-size: 1.95313vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__item .index-module-scss-module__3PPuUW__top .index-module-scss-module__3PPuUW__title {
    font-size: 16px;
  }
}

.index-module-scss-module__3PPuUW__item p {
  color: #aaa;
  font-size: .9375vw;
  line-height: 150%;
}

@media (width <= 1024px) {
  .index-module-scss-module__3PPuUW__item p {
    font-size: 1.75781vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__3PPuUW__item p {
    font-size: 14px;
  }
}


/* [project]/src/screens/coming-soon/03-at/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__TMBblW__At {
  text-align: center;
  font-family: var(--var-poppins), sans-serif;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7.8125vw 0;
  display: flex;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At {
    padding: 11.7188vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At {
    padding: 0 35px 70px;
  }
}

.index-module-scss-module__TMBblW__At svg {
  z-index: -1;
  width: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-module-scss-module__TMBblW__At h2 {
  color: #ccc;
  font-size: 3.22917vw;
  font-weight: 200;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At h2 {
    font-size: 6.05469vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At h2 {
    font-size: 36px;
  }
}

.index-module-scss-module__TMBblW__At h2 b {
  font-weight: 800;
}

.index-module-scss-module__TMBblW__At p {
  color: #aaa;
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At p {
    font-size: 16px !important;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__line {
  background: url("../media/line.ec6b2941.png") center / contain no-repeat;
  width: 16.6667vw;
  height: .208333vw;
  margin: 2.8125vw 0;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__line {
    width: 31.25vw;
    height: .390625vw;
    margin: 5.27344vw 0;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__line {
    width: 80%;
    height: 2px;
    margin: 30px 0;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_1 {
  color: #aaa;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_1 {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_1 {
    font-size: 18px;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_2 {
  color: #aaa;
  margin: .520833vw 0;
  font-size: 2.08333vw;
  font-weight: 400;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_2 {
    margin: .976563vw 0;
    font-size: 3.90625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_2 {
    margin: 10px 0;
    font-size: 28px;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_3 {
  color: #aaa;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 100%;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_3 {
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__span_3 {
    font-size: 14px;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__link {
  color: #aaa;
  border: 1px solid #3f65fd;
  border-radius: 100px;
  margin: 1.875vw 0 0;
  padding: .520833vw 1.5625vw;
  font-size: .833333vw;
  font-weight: 400;
  line-height: 120%;
}

@media (width <= 1024px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__link {
    margin: 3.51563vw 0 0;
    padding: .976563vw 2.92969vw;
    font-size: 1.5625vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__link {
    margin: 40px 0 0;
    padding: 10px 30px;
    font-size: 14px;
  }
}

.index-module-scss-module__TMBblW__At .index-module-scss-module__TMBblW__link b {
  font-weight: 600;
  text-decoration: underline;
}


/* [project]/src/screens/404/index.module.scss.module.css [app-client] (css) */
.index-module-scss-module__oFCQVG__Page404 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.index-module-scss-module__oFCQVG__Page404 h1 {
  z-index: 1;
  font-size: 1.875vw;
  position: relative;
}

@media (width <= 1024px) {
  .index-module-scss-module__oFCQVG__Page404 h1 {
    font-size: 3.51563vw;
  }
}

@media (width <= 768px) {
  .index-module-scss-module__oFCQVG__Page404 h1 {
    font-size: 32px;
  }
}

.index-module-scss-module__oFCQVG__canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}


/*# sourceMappingURL=_d1d98acb._.css.map*/