.notfound{min-height:70vh;padding:var(--space-16) var(--container-pad);background-color:var(--color-bg);place-items:center;display:grid}.notfound__inner{text-align:center;align-items:center;gap:var(--space-4);width:100%;max-width:560px;animation:notfound-fade .5s var(--ease-out) both;flex-direction:column;display:flex}@keyframes notfound-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notfound__code{font-family:var(--font-display);color:var(--color-brown);letter-spacing:-.02em;justify-content:center;align-items:center;gap:.15em;font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1;display:flex}.notfound__code-dot{color:var(--color-orange);animation:notfound-bounce 1.8s var(--ease-in-out) infinite;display:inline-block;position:relative}@keyframes notfound-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notfound__title{font-family:var(--font-display);color:var(--color-brown-dark);font-size:clamp(1.5rem,3vw,2rem)}.notfound__text{color:var(--color-muted);line-height:var(--lh-relaxed);max-width:420px}.notfound__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.notfound__btn{border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.notfound__btn--primary{background-color:var(--color-brown);color:var(--color-surface)}.notfound__btn--primary:hover{background-color:var(--color-brown-dark);transform:translateY(-1px)}.notfound__btn--ghost{color:var(--color-brown);border-color:var(--color-border-strong);background-color:#0000}.notfound__btn--ghost:hover{background-color:var(--color-surface);color:var(--color-brown-dark)}@media (max-width:480px){.notfound__actions{flex-direction:column;width:100%}.notfound__btn{width:100%}}@media (prefers-reduced-motion:reduce){.notfound__inner,.notfound__code-dot{animation:none}}