.not-found { padding: 38px 0 64px; text-align: center; }
.not-found-art { width: min(490px, 100%); height: auto; margin: 0 auto 12px; }
.not-found-code { font-size: 12px; font-weight: 800; color: #718099; margin-bottom: 13px; letter-spacing: .3px; }
.not-found h1 { font-size: clamp(30px, 3.5vw, 42px); line-height: 1.15; letter-spacing: -.04em; margin: 0 auto 18px; max-width: 640px; }
.not-found-copy { max-width: 510px; margin: 0 auto 26px; font-size: 17px; line-height: 1.7; }
.not-found-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 26px; margin-bottom: 32px; }
.not-found-actions > a:last-child { font-size: 14px; font-weight: 800; }
.not-found-search { max-width: 490px; margin-inline: auto; text-align: left; }
.not-found-search label { display: block; font-size: 13px; font-weight: 800; margin-bottom: 8px; color: #536580; }
.not-found-search > div { display: flex; align-items: center; gap: 8px; border: 1.5px solid #d8e2ed; border-radius: 12px; padding: 6px 6px 6px 15px; background: #fff; }
.not-found-search input { min-width: 0; flex: 1; width: 100%; border: 0; outline: 0; padding: 7px 0; color: #263955; background: none; font-size: 14px; }
.not-found-search .button { min-height: 40px; padding: 8px 17px; box-shadow: none; font-size: 13px; }
.not-found-search > div:focus-within { border-color: #6aaae6; box-shadow: 0 0 0 3px #087cff12; }
@media (max-width: 580px) {
  .not-found { padding: 27px 0 44px; }
  .not-found-art { margin-bottom: 18px; }
  .not-found h1 { font-size: 32px; }
  .not-found-copy { font-size: 16px; }
  .not-found-actions { flex-direction: column; gap: 19px; }
  .not-found-search > div { padding-left: 12px; }
  .not-found-search input { font-size: 13px; }
}