.not-found-page { background: #fff; }
.not-found-page .not-found-main { padding-top: 68px; }
.not-found-page .not-found-section { overflow: hidden; background: #fff; padding-block: 4rem 6rem; }
.not-found-page .not-found-inner { width: 100%; max-width: 80rem; margin-inline: auto; padding-inline: 1.5rem; }
.not-found-page .not-found-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 3rem; align-items: center; min-height: 520px; }
.not-found-page .not-found-copy { max-width: 46rem; }
.not-found-page .not-found-eyebrow { display: flex; align-items: center; gap: .65rem; margin: 0 0 1.25rem; color: #10b981; font: 500 .75rem/1rem "JetBrains Mono", monospace; letter-spacing: .06em; }
.not-found-page .not-found-eyebrow span { width: .5rem; height: .5rem; border-radius: 50%; background: #10b981; }
.not-found-page .not-found-copy h1 { max-width: 12ch; margin: 0; color: #0a0a0a; font-size: clamp(2.75rem, 5vw, 4.5rem); font-weight: 700; line-height: 1.05; }
.not-found-page .not-found-description { max-width: 42rem; margin: 1.5rem 0 0; color: #464646; font-size: 1.125rem; line-height: 1.75; }
.not-found-page .not-found-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }
.not-found-page .not-found-actions a { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; gap: .75rem; padding: .85rem 1.25rem; border-radius: 4px; font: 500 .75rem/1rem "JetBrains Mono", monospace; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease; }
.not-found-page .not-found-primary { border: 1px solid #0a0a0a; background: #0a0a0a; color: #fff; }
.not-found-page .not-found-primary:hover { background: #333; }
.not-found-page .not-found-primary .material-symbols-outlined { font-size: 1.125rem; transition: transform 180ms ease; }
.not-found-page .not-found-primary:hover .material-symbols-outlined { transform: translateX(3px); }
.not-found-page .not-found-secondary { border: 1px solid #aaa; background: #ededed; color: #171717; }
.not-found-page .not-found-secondary:hover { background: #e2e2e2; }
.not-found-page .not-found-visual { width: 100%; max-width: 35rem; justify-self: end; }
.not-found-page .not-found-visual svg { display: block; width: 100%; height: auto; }
@media (min-width: 1024px) {
  .not-found-page .not-found-section { padding-block: 6rem; }
  .not-found-page .not-found-inner { padding-inline: 3rem; }
}
@media (max-width: 800px) {
  .not-found-page .not-found-section { padding-block: 3.5rem 4.5rem; }
  .not-found-page .not-found-grid { grid-template-columns: 1fr; gap: 2rem; min-height: 0; }
  .not-found-page .not-found-visual { max-width: 34rem; justify-self: center; }
}
@media (max-width: 520px) {
  .not-found-page .not-found-inner { padding-inline: 1.5rem; }
  .not-found-page .not-found-copy h1 { font-size: 2.75rem; }
  .not-found-page .not-found-description { font-size: 1rem; }
  .not-found-page .not-found-actions { gap: .75rem; }
  .not-found-page .not-found-actions a { padding-inline: 1rem; }
}