.container {
  background: var(--background-bg-primary, transparent);
  padding: 32px 312px 32px 312px;
  align-self: stretch;
  flex-shrink: 0;
  height: 880px;
  position: relative;
  overflow: hidden;
}
.image-41 {
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  opacity: 0.7;
  width: 1920px;
  height: 880px;
  position: absolute;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
  object-fit: cover;
}
.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0 312px;
  background: rgba(20, 22, 26, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(40, 41, 51, 0.8);
}
.logo {
  flex-shrink: 0;
  width: 210px;
  height: 56px;
  position: relative;
  overflow: visible;
}
.menu {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-6xl, 48px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div {
  color: #ffffff;
  text-align: left;
  font-family: "PixeloidSans-Bold", sans-serif;
  font-size: 24px;
  line-height: 80px;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.div:hover {
  opacity: 0.75;
}
.frame-15 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-6xl, 48px);
  align-items: center;
  justify-content: flex-start;
  width: 1296px;
  position: absolute;
  left: 312px;
  top: 50%;
  translate: 0 -50%;
}
.frame-31 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.frame-8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5xl, 40px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.frame-34 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5xl, 40px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div2 {
  color: var(--text-text-white, #ffffff);
  text-align: left;
  font-family: "PixeloidSans-Bold", sans-serif;
  font-size: 72px;
  line-height: 120%;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
}
.minecraft {
  color: var(--text-text-white, #ffffff);
  text-align: left;
  font-family: var(--text-m-semibold-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--text-m-semibold-font-size, 16px);
  line-height: var(--text-m-semibold-line-height, 24px);
  font-weight: var(--text-m-semibold-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.button {
  background: var(--background-bg-brand-primary, #2663f0);
  padding: var(--spacing-md, 8px) var(--spacing-8xl, 80px)
    var(--spacing-md, 8px) var(--spacing-8xl, 80px);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg, 12px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 440px;
  height: 72px;
  position: relative;
  box-shadow: var(
    --shadow-blue-box-shadow,
    inset 0px -2px 0px 0px rgba(4, 62, 219, 1)
  );
  overflow: hidden;
}
.button-text {
  color: var(--text-text-white, #ffffff);
  text-align: left;
  font-family: var(--title-l-bold-font-family, "Inter-Bold", sans-serif);
  font-size: var(--title-l-bold-font-size, 24px);
  line-height: var(--title-l-bold-line-height, 32px);
  font-weight: var(--title-l-bold-font-weight, 700);
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.block-counter {
  padding: var(--spacing-7xl, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md, 8px);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 528px;
  position: relative;
  box-shadow: var(
    --shadow-center-box-shadow,
    0px 0px 56px 0px rgba(0, 0, 0, 0.08),
    0px 0px 3px 0px rgba(0, 0, 0, 0.03)
  );
}
.frame-33 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4xl, 32px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-32 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.paragraph {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.div3 {
  color: var(--text-text-white, #ffffff);
  text-align: center;
  font-family: var(--text-m-semibold-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--text-m-semibold-font-size, 16px);
  line-height: var(--text-m-semibold-line-height, 24px);
  font-weight: var(--text-m-semibold-font-weight, 600);
  position: relative;
}
._100-000 {
  background: var(
    --temp-2,
    linear-gradient(
      94.28deg,
      rgba(20, 83, 255, 1) 0%,
      rgba(232, 80, 255, 1) 100%
    )
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "PixeloidSans-Bold", sans-serif;
  font-size: 80px;
  line-height: 120px;
  font-weight: 700;
  position: relative;
}
.subtract {
  flex-shrink: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  left: 57.43px;
  top: 195.99px;
  overflow: visible;
}