/* [project]/app/page.module.css [app-client] (css) */
.page-module__E0kJGG__main {
  min-height: 100vh;
  color: var(--text-main);
  background: none;
  flex-direction: column;
  display: flex;
  position: relative;
}

.page-module__E0kJGG__hero {
  text-align: center;
  border-bottom: 2px solid #2ba14a1a;
  flex-direction: column;
  align-items: center;
  padding: 12rem 1.5rem 8rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__E0kJGG__heroContent {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 1000px;
  display: flex;
}

.page-module__E0kJGG__heroBadge {
  background: var(--primary);
  color: #000;
  letter-spacing: .3em;
  border-radius: 2px;
  margin-bottom: 1rem;
  padding: .4rem 1.2rem;
  font-size: .75rem;
  font-weight: 900;
}

.page-module__E0kJGG__heroTitle {
  letter-spacing: -.05em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1rem;
  font-size: 6rem;
  font-weight: 900;
  line-height: .9;
}

.page-module__E0kJGG__heroTitle span {
  color: var(--primary);
}

.page-module__E0kJGG__heroDescription {
  color: var(--text-muted);
  max-width: 600px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.page-module__E0kJGG__heroButtons {
  gap: 1.5rem;
  margin-top: 2rem;
  display: flex;
}

.page-module__E0kJGG__primaryBtn {
  background: var(--primary) !important;
  color: #000 !important;
  letter-spacing: .1em !important;
  border-radius: 2px !important;
  padding: 1.8rem 2.5rem !important;
  font-weight: 900 !important;
  transition: all .3s !important;
}

.page-module__E0kJGG__primaryBtn:hover {
  transform: translateY(-3px)scale(1.02);
  box-shadow: 0 10px 30px #2ba14a66;
}

.page-module__E0kJGG__outlineBtn {
  border: 2px solid var(--primary) !important;
  color: var(--primary) !important;
  letter-spacing: .1em !important;
  background: none !important;
  border-radius: 2px !important;
  padding: 1.8rem 2.5rem !important;
  font-weight: 900 !important;
}

.page-module__E0kJGG__tacticalDecoration {
  opacity: .5;
  pointer-events: none;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  right: -10%;
  transform: translateY(-50%);
}

.page-module__E0kJGG__features {
  padding: 8rem 1.5rem;
}

.page-module__E0kJGG__featuresContainer {
  max-width: 1300px;
  margin: 0 auto;
}

.page-module__E0kJGG__sectionTitle {
  text-align: center;
  letter-spacing: -.02em;
  color: #fff;
  margin-bottom: 5rem;
  font-size: 3rem;
  font-weight: 900;
}

.page-module__E0kJGG__tournamentGrid {
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  display: grid;
}

.page-module__E0kJGG__categoryColumn {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.page-module__E0kJGG__categoryHeading {
  letter-spacing: .2em;
  color: var(--primary);
  align-items: center;
  gap: 1.5rem;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
}

.page-module__E0kJGG__headingLine {
  background: linear-gradient(90deg, var(--primary), transparent);
  flex: 1;
  height: 2px;
}

.page-module__E0kJGG__cardList {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.page-module__E0kJGG__premiumCard {
  background: #2ba14a08;
  border: 1px solid #ffffff0d;
  align-items: center;
  padding: 1.5rem 2rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__E0kJGG__cardAccent {
  background: var(--primary);
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.page-module__E0kJGG__cardInfo {
  flex: 1;
}

.page-module__E0kJGG__cardInfo h3 {
  color: #fff;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
}

.page-module__E0kJGG__cardInfo p {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: .25rem;
  font-size: .8rem;
}

.page-module__E0kJGG__cardArrow {
  color: var(--primary);
  opacity: 0;
  font-size: 1.5rem;
  transition: all .3s;
  transform: translateX(-10px);
}

.page-module__E0kJGG__premiumCard:hover {
  border-color: var(--primary);
  background: #2ba14a1a;
  padding-left: 2.5rem;
}

.page-module__E0kJGG__premiumCard:hover .page-module__E0kJGG__cardArrow {
  opacity: 1;
  transform: translateX(0);
}

.page-module__E0kJGG__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  display: grid;
}

.page-module__E0kJGG__techCard {
  text-align: center;
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  padding: 3rem 2rem;
  transition: all .3s;
}

.page-module__E0kJGG__techCard:hover {
  border-color: var(--secondary);
  background: #1a6d320d;
}

.page-module__E0kJGG__techIcon {
  opacity: .8;
  margin-bottom: 1.5rem;
  font-size: 3rem;
}

.page-module__E0kJGG__techCard h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 900;
}

.page-module__E0kJGG__techCard p {
  color: var(--text-muted);
  font-size: .9375rem;
  line-height: 1.6;
}

.page-module__E0kJGG__cta {
  text-align: center;
  background: radial-gradient(circle, #2ba14a0d, #0000 70%);
  border-top: 1px solid #2ba14a33;
  padding: 10rem 1.5rem;
}

.page-module__E0kJGG__ctaTitle {
  letter-spacing: -.05em;
  margin-bottom: 3rem;
  font-size: 4rem;
  font-weight: 950;
}

.page-module__E0kJGG__ctaButton {
  color: #000 !important;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 2rem 4rem !important;
  font-size: 1.25rem !important;
  font-weight: 900 !important;
}

.page-module__E0kJGG__footer {
  background: #000;
  border-top: 1px solid #ffffff0d;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 6rem 2rem 4rem;
  display: flex;
}

.page-module__E0kJGG__footerBrand {
  color: var(--primary);
  letter-spacing: .5em;
  font-size: 2rem;
  font-weight: 950;
}

.page-module__E0kJGG__footerLinks {
  color: var(--text-muted);
  gap: 3rem;
  font-size: .8rem;
  font-weight: 800;
  display: flex;
}

.page-module__E0kJGG__footerLinks a:hover {
  color: #fff;
}

.page-module__E0kJGG__copyright {
  color: #fff3;
  letter-spacing: .1em;
  font-size: .75rem;
}

@media (max-width: 1024px) {
  .page-module__E0kJGG__grid, .page-module__E0kJGG__tournamentGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .page-module__E0kJGG__heroTitle {
    font-size: 3.5rem;
  }

  .page-module__E0kJGG__ctaTitle {
    font-size: 2.5rem;
  }

  .page-module__E0kJGG__heroButtons {
    flex-direction: column;
    width: 100%;
  }
}

/* [project]/components/ui/IntroPresentation.module.css [app-client] (css) */
.IntroPresentation-module__vhnFYW__overlay {
  z-index: 9999;
  background: #0a0a0a;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.IntroPresentation-module__vhnFYW__fadeOutOverlay {
  z-index: 9999;
  pointer-events: none;
  background: #0a0a0a;
  animation: .8s forwards IntroPresentation-module__vhnFYW__fadeOutEffect;
  position: fixed;
  inset: 0;
}

.IntroPresentation-module__vhnFYW__container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.IntroPresentation-module__vhnFYW__stripeContainer {
  justify-content: center;
  gap: 40px;
  display: flex;
  position: absolute;
  inset: 0;
}

.IntroPresentation-module__vhnFYW__stripe {
  background: var(--color);
  width: 60px;
  height: 150%;
  animation: IntroPresentation-module__vhnFYW__slideStripe 1s ease-out var(--delay) forwards;
  opacity: 0;
  filter: brightness(.8);
  transform: rotate(15deg);
}

.IntroPresentation-module__vhnFYW__content {
  z-index: 10;
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.IntroPresentation-module__vhnFYW__ballWrapperX {
  will-change: transform;
  animation: 2.8s cubic-bezier(.165, .84, .44, 1) .5s both IntroPresentation-module__vhnFYW__moveBallX;
  position: absolute;
}

.IntroPresentation-module__vhnFYW__ballWrapperY {
  will-change: transform;
  animation: 2.8s cubic-bezier(.25, 1, .5, 1) .5s both IntroPresentation-module__vhnFYW__moveBallY;
}

.IntroPresentation-module__vhnFYW__ballRotation {
  will-change: transform;
  animation: 2.8s cubic-bezier(.23, 1, .32, 1) .5s both IntroPresentation-module__vhnFYW__rotateBallBall;
}

.IntroPresentation-module__vhnFYW__ball {
  filter: grayscale() brightness(1.1) contrast(1.1) drop-shadow(0 25px 45px #000000b3);
  color: #fff;
  font-size: 8rem;
  line-height: 1;
  animation: 2.8s ease-out .5s both IntroPresentation-module__vhnFYW__ballBlurFade, .8s linear infinite IntroPresentation-module__vhnFYW__ballShine;
  display: block;
}

@keyframes IntroPresentation-module__vhnFYW__moveBallX {
  0% {
    opacity: 0;
    transform: translateX(85vw)scale(.4);
  }

  15% {
    opacity: 1;
  }

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

@keyframes IntroPresentation-module__vhnFYW__moveBallY {
  0% {
    transform: translateY(-110vh);
  }

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

@keyframes IntroPresentation-module__vhnFYW__rotateBallBall {
  0% {
    transform: rotate(0)skew(0deg);
  }

  100% {
    transform: rotate(1080deg)skew(0deg);
  }
}

@keyframes IntroPresentation-module__vhnFYW__ballShine {
  0% {
    filter: grayscale() brightness() contrast(1.1) drop-shadow(5px 25px 45px #000000b3);
  }

  50% {
    filter: grayscale() brightness(1.4) contrast(1.2) drop-shadow(-5px 25px 45px #000c);
  }

  100% {
    filter: grayscale() brightness() contrast(1.1) drop-shadow(5px 25px 45px #000000b3);
  }
}

@keyframes IntroPresentation-module__vhnFYW__ballBlurFade {
  0% {
    filter: grayscale() blur(8px) brightness(.7);
    opacity: 0;
  }

  35% {
    filter: grayscale() blur() brightness(1.1);
    opacity: 1;
  }

  100% {
    filter: grayscale() blur() brightness(1.1);
    opacity: 1;
  }
}

.IntroPresentation-module__vhnFYW__title {
  letter-spacing: -.05em;
  color: #fff;
  text-shadow: 0 10px 40px #00000080;
  z-index: 5;
  margin: 0;
  font-size: 5rem;
  font-weight: 950;
  animation: .8s cubic-bezier(.175, .885, .32, 1.275) 1.2s both IntroPresentation-module__vhnFYW__textPopup;
}

.IntroPresentation-module__vhnFYW__subtitle {
  color: #2ba14a;
  letter-spacing: .5em;
  z-index: 5;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  animation: .8s cubic-bezier(.175, .885, .32, 1.275) 1.4s both IntroPresentation-module__vhnFYW__textPopup;
}

.IntroPresentation-module__vhnFYW__tactics {
  opacity: .2;
  pointer-events: none;
  width: 600px;
  animation: 2s ease-out 1.5s both IntroPresentation-module__vhnFYW__tacticsFadeIn;
  position: absolute;
}

.IntroPresentation-module__vhnFYW__tacticalSvg {
  width: 100%;
  height: auto;
}

@keyframes IntroPresentation-module__vhnFYW__slideStripe {
  from {
    opacity: 0;
    transform: translateY(-100%)rotate(15deg);
  }

  to {
    opacity: .4;
    transform: translateY(0)rotate(15deg);
  }
}

@keyframes IntroPresentation-module__vhnFYW__textPopup {
  from {
    opacity: 0;
    transform: translateY(50px)scale(.9);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes IntroPresentation-module__vhnFYW__tacticsFadeIn {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: .2;
    transform: scale(1);
  }
}

@keyframes IntroPresentation-module__vhnFYW__fadeOutEffect {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .IntroPresentation-module__vhnFYW__title {
    font-size: 3rem;
  }

  .IntroPresentation-module__vhnFYW__ball {
    font-size: 5rem;
  }

  .IntroPresentation-module__vhnFYW__tactics {
    width: 90%;
  }
}

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