/* [project]/src/app/not-found.module.css [app-client] (css) */
.not-found-module__HS70Aa__container {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  min-height: calc(100vh - 64px);
  padding: 40px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.not-found-module__HS70Aa__svgContainer {
  z-index: 1;
  width: 100%;
  max-width: 600px;
  height: auto;
  position: relative;
}

.not-found-module__HS70Aa__svgImage {
  filter: drop-shadow(0 0 30px #00000080);
  width: 100%;
  height: auto;
  overflow: visible;
}

.not-found-module__HS70Aa__content {
  z-index: 2;
  max-width: 500px;
  animation: .8s ease-out not-found-module__HS70Aa__fadeIn;
  position: relative;
}

.not-found-module__HS70Aa__title {
  display: none;
}

.not-found-module__HS70Aa__subtitle {
  color: var(--text-primary);
  margin: 0 0 16px;
  font-family: Outfit, sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
}

.not-found-module__HS70Aa__description {
  color: var(--text-secondary);
  margin: 0 auto 32px;
  font-size: 1.1rem;
  line-height: 1.6;
}

.not-found-module__HS70Aa__homeButton {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  color: var(--text-primary);
  border-radius: var(--radius-full);
  transition: all var(--transition-normal);
  box-shadow: var(--shadow-sm);
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-size: 1.05rem;
  font-weight: 600;
  display: inline-flex;
}

.not-found-module__HS70Aa__homeButton:hover {
  background: var(--accent-gradient);
  color: #000;
  box-shadow: var(--shadow-md), var(--shadow-glow);
  border-color: #0000;
  transform: translateY(-2px);
}

.not-found-module__HS70Aa__pulse {
  transform-origin: center;
  animation: 4s ease-in-out infinite not-found-module__HS70Aa__pulse;
}

.not-found-module__HS70Aa__floating {
  animation: 6s ease-in-out infinite not-found-module__HS70Aa__float;
}

.not-found-module__HS70Aa__glitchLine {
  animation: 3s linear infinite not-found-module__HS70Aa__glitch;
}

.not-found-module__HS70Aa__orbit1 {
  animation: 10s linear infinite not-found-module__HS70Aa__orbit1;
}

.not-found-module__HS70Aa__orbit2 {
  animation: 15s linear infinite reverse not-found-module__HS70Aa__orbit2;
}

.not-found-module__HS70Aa__floatApp1 {
  animation: 5s ease-in-out infinite not-found-module__HS70Aa__floatApp1;
}

.not-found-module__HS70Aa__floatApp2 {
  animation: 7s ease-in-out infinite reverse not-found-module__HS70Aa__floatApp2;
}

@keyframes not-found-module__HS70Aa__pulse {
  0%, 100% {
    opacity: .3;
    transform: translate(400px, 300px)scale(1);
  }

  50% {
    opacity: .6;
    transform: translate(400px, 300px)scale(1.05);
  }
}

@keyframes not-found-module__HS70Aa__float {
  0%, 100% {
    transform: translate(400px, 300px)translateY(0)rotate(0);
  }

  33% {
    transform: translate(400px, 300px)translateY(-15px)rotate(2deg);
  }

  66% {
    transform: translate(400px, 300px)translateY(10px)rotate(-1deg);
  }
}

@keyframes not-found-module__HS70Aa__orbit1 {
  from {
    transform: translate(400px, 300px)rotate(0)translateX(180px)rotate(0);
  }

  to {
    transform: translate(400px, 300px)rotate(360deg)translateX(180px)rotate(-360deg);
  }
}

@keyframes not-found-module__HS70Aa__orbit2 {
  from {
    transform: translate(400px, 300px)rotate(0)translateX(250px)rotate(0);
  }

  to {
    transform: translate(400px, 300px)rotate(360deg)translateX(250px)rotate(-360deg);
  }
}

@keyframes not-found-module__HS70Aa__floatApp1 {
  0%, 100% {
    transform: translate(150px, 350px)translateY(0);
  }

  50% {
    transform: translate(150px, 350px)translateY(-20px);
  }
}

@keyframes not-found-module__HS70Aa__floatApp2 {
  0%, 100% {
    transform: translate(650px, 200px)translateY(0);
  }

  50% {
    transform: translate(650px, 200px)translateY(-25px);
  }
}

@keyframes not-found-module__HS70Aa__glitch {
  0% {
    opacity: .3;
    transform: translateY(0);
  }

  10% {
    opacity: .8;
    transform: translateY(10px);
  }

  20% {
    opacity: .1;
    transform: translateY(-10px);
  }

  30% {
    opacity: .3;
    transform: translateY(0);
  }

  100% {
    opacity: .3;
    transform: translateY(0);
  }
}

@keyframes not-found-module__HS70Aa__fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

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

[data-mode="light"] .not-found-module__HS70Aa__homeButton:hover {
  color: #fff;
}

[data-theme="ios"] .not-found-module__HS70Aa__homeButton:hover {
  color: #fff;
}

/*# sourceMappingURL=src_app_not-found_module_c656a41e.css.map*/