/* 404 page */
.error404.not-found-loading .not-found-page {
  opacity: 0;
  transform: translateY(22px);
}

.error404 .not-found-page {
  transform: translateY(0);
  transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.not-found-page {
  max-width: 760px;
  margin: 48px auto 72px;
  padding: 28px 20px;
  text-align: center;
}

.not-found-image {
  display: block;
  width: 270px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px;
  border-radius: 12px;
}

.not-found-title {
  margin: 0 0 10px;
  font-size: clamp(2.2rem, 8vw, 4rem);
  line-height: 1;
}

.not-found-text {
  margin: 0 0 18px;
  color: var(--color-fd-muted-foreground);
}