/* ==========================================================================
   404
   ========================================================================== */
.nf { position: relative; background: transparent; }
.nf__inner {
  position: relative;
  z-index: 1;
  padding-block: 88px 128px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.nf__code {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(96px, 14vw, 180px);
  line-height: .9;
  letter-spacing: -.02em;
  color: var(--blue-light);
}
.nf__title { display: flex; gap: 20px; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: -12px; }
.nf__text { width: 560px; max-width: 100%; }
.nf__actions { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin-top: 16px; }
.nf__glow {
  left: 80%;
  top: 200px;
  width: 620px;
  height: 700px;
  opacity: .85;
  --glow-rot: -18deg;
  --glow-dur: 25s;
  --glow-delay: -3s;
}
@media (max-width: 700px) {
  .nf__inner { padding-block: 56px 80px; }
  .nf__title { gap: 8px; }
  .nf__actions { width: 100%; max-width: 320px; flex-direction: column; }
}