/* [project]/src/app/landing.css [app-client] (css) */
.landing-shell {
  background: radial-gradient(at 82% 0, #e23b4a33, #0000 42%), radial-gradient(at 8% 18%, #f6d78a1f, #0000 36%), #0c1a12;
}

.landing-shell > header {
  border-bottom: 1px solid #f6d78a29;
}

.landing-gradient-text {
  color: #ffe4e6;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(100deg, #fff6f4 0%, #ff8b96 42%, #f6d78a 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.landing-garland {
  pointer-events: none;
  height: 36px;
  position: absolute;
  bottom: -6px;
  left: 6%;
  right: 6%;
}

.landing-garland-bulbs circle {
  fill: #e23b4a;
  filter: drop-shadow(0 0 4px #e23b4acc);
  animation: 1.6s ease-in-out infinite bulb-twinkle;
}

.landing-garland-bulbs circle:nth-child(3n) {
  fill: #f6d78a;
  filter: drop-shadow(0 0 4px #f6d78acc);
  animation-delay: .4s;
}

.landing-garland-bulbs circle:nth-child(3n+1) {
  fill: #8fd0a4;
  filter: drop-shadow(0 0 4px #8fd0a4cc);
  animation-delay: .8s;
}

.landing-hero-stage {
  min-height: 460px;
}

.landing-hero-stage:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(at bottom, #2f9a5859, #0000 68%);
  height: 70%;
  position: absolute;
  bottom: 8%;
  left: 18%;
  right: 18%;
}

.landing-tree {
  width: 280px;
  margin-left: -140px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.landing-feature {
  transition: border-color .3s;
  position: relative;
}

.landing-feature-icon {
  color: #fff8f4;
  background: linear-gradient(140deg, #ff6b78, #9d1828 72%);
  border: 1px solid #f6d78a66;
  border-radius: 17px;
  place-items: center;
  width: 56px;
  height: 56px;
  transition: transform .4s;
  display: grid;
  transform: rotate(-6deg) perspective(500px) rotateY(-12deg);
  box-shadow: inset 1px 1px #fff6e459, 3px 5px #0c1f14, 0 14px 28px #08140e73;
}

.landing-feature:hover {
  border-color: #e23b4a80;
}

.landing-feature:hover .landing-feature-icon {
  transform: rotate(0) perspective(500px) rotateY(0) translateY(-4px);
}

.landing-finale {
  isolation: isolate;
  background: radial-gradient(circle at 88% 20%, #f6d78a33, #0000 28%), linear-gradient(130deg, #1c3d2a, #10261a 55%, #3a1520);
  border-top: 1px solid #f6d78a52;
  border-bottom: 1px solid #e23b4a47;
  min-width: 0;
  margin-bottom: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
}

.landing-finale > * {
  z-index: 1;
  position: relative;
}

.landing-finale a {
  background: #10261acc;
  box-shadow: inset 0 1px #f6d78a29;
}

@media (min-width: 1024px) {
  .landing-finale {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    min-height: 250px;
    padding: 3rem;
  }
}

@media (max-width: 639px) {
  .landing-shell {
    background: radial-gradient(at 95% 3%, #e23b4a2e, #0000 34%), #0c1a12;
  }

  .landing-hero h1 {
    font-size: clamp(2.8rem, 12vw, 4rem);
  }

  .landing-feature-icon {
    border-radius: 14px;
    width: 46px;
    height: 46px;
    transform: none;
    box-shadow: inset 1px 1px #fff6e433, 2px 3px #0c1f14;
  }

  .landing-finale {
    margin-bottom: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-feature-icon {
    transition: none;
    transform: none !important;
  }
}

/*# sourceMappingURL=src_app_landing_1xkf3f9j257bb.css.map*/