@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(-30px)}75%{transform:translate(30px)}}@keyframes pulse-glow{0%,to{opacity:.4;filter:drop-shadow(0 0 8px var(--accent))}50%{opacity:.8;filter:drop-shadow(0 0 20px var(--accent))}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.not-found-hero{padding:clamp(60px,10vw,100px)var(--pad-x)clamp(80px,15vw,140px);max-width:var(--max-w);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0 auto;display:flex}.not-found-number{font-family:var(--serif);letter-spacing:-.04em;color:var(--accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)60%,var(--bg)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:clamp(120px,25vw,280px);font-weight:700;line-height:.9;animation:3s ease-in-out infinite float}.not-found-number.hidden{opacity:0;transform:scale(.8)}.not-found-number.visible{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out;transform:scale(1)}.not-found-title{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);max-width:720px;margin:0 auto 16px;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.1}.not-found-title.hidden{opacity:0;transform:translateY(20px)}.not-found-title.visible{opacity:1;transition:opacity .6s ease-out .3s,transform .6s ease-out .3s;transform:translateY(0)}.not-found-subtitle{color:var(--ink-2);max-width:580px;margin:0 auto 48px;font-size:clamp(15px,2vw,18px);line-height:1.6}.not-found-subtitle.hidden{opacity:0;transform:translateY(20px)}.not-found-subtitle.visible{opacity:1;transition:opacity .6s ease-out .4s,transform .6s ease-out .4s;transform:translateY(0)}.not-found-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.not-found-cta.hidden{opacity:0;transform:translateY(20px)}.not-found-cta.visible{opacity:1;transition:opacity .6s ease-out .5s,transform .6s ease-out .5s;transform:translateY(0)}.not-found-suggestions{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;max-width:880px;margin:0 auto 64px;display:grid}.not-found-suggestions.hidden{opacity:0;transform:translateY(30px)}.not-found-suggestions.visible{opacity:1;transition:opacity .6s ease-out .6s,transform .6s ease-out .6s;transform:translateY(0)}.suggestion-card{background:var(--bg);text-align:left;cursor:pointer;color:inherit;flex-direction:column;gap:12px;padding:32px;text-decoration:none;transition:background .25s,transform .2s;display:flex}.suggestion-card:hover{background:var(--surface);transform:translateY(-4px)}.suggestion-icon{font-size:28px;line-height:1}.suggestion-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;font-size:18px;font-weight:600}.suggestion-desc{color:var(--ink-2);font-size:13px;line-height:1.5}.suggestion-arrow{color:var(--accent);margin-top:auto;font-size:12px;transition:transform .2s}.suggestion-card:hover .suggestion-arrow{transform:translate(4px)}.not-found-footer{color:var(--ink-3);font-size:13px}.not-found-footer.hidden{opacity:0}.not-found-footer.visible{opacity:1;transition:opacity .6s ease-out .7s}.not-found-footer a{color:var(--accent);text-decoration:none;transition:color .2s}.not-found-footer a:hover{text-decoration:underline}@media (max-width:768px){.not-found-hero{min-height:auto;padding:clamp(40px,8vw,60px)var(--pad-x)}.not-found-number{margin-bottom:16px}.not-found-cta .btn{flex:1;justify-content:center}.not-found-suggestions{grid-template-columns:1fr}}
