.error-404 {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 120px 20px 60px; /* с учётом фикс-хедера */
  background: linear-gradient(135deg, #2a0845 0%, #6441a5 50%, #8e54e9 100%);
  color: #fff;
  text-align: center;
}
.error-404__inner { max-width: 720px; }
.error-404__code {
  font-family: var(--font-family-text);
  font-weight: 800;
  font-size: clamp(72px, 12vw, 140px);
  line-height: .9;
  margin: 0 0 10px;
  color: #ffffffd9;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.error-404__title {
  font-family: var(--font-family-text);
  font-size: clamp(22px, 3vw, 32px);
  margin: 0 0 8px;
  color: #eedeff;
}
.error-404__text {
  font-family: var(--font-family-text);
  font-size: 16px;
  color: #f1e9ffcc;
  margin: 0 0 22px;
}
.error-404__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.cta--ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: none;
}
.cta--ghost:hover { background: rgba(255,255,255,.12); }