.notfound-main{justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.notfound-container{text-align:center;z-index:1;animation:.8s both fadeUp;position:relative}.notfound-grid-bg{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.notfound-code{color:var(--muted);opacity:0;justify-content:center;gap:.6rem;margin-bottom:2rem;font-family:DM Mono,monospace;font-size:.85rem;animation:.6s .2s both fadeUp;display:flex}.notfound-dir{color:var(--accent2)}.notfound-prompt{color:var(--accent)}.notfound-cmd{color:var(--muted)}.notfound-title{opacity:0;margin-bottom:.5rem;animation:.6s .4s both fadeUp}.notfound-num{color:var(--ink);font-family:DM Mono,monospace;font-size:clamp(6rem,20vw,12rem);font-weight:700;line-height:1;display:inline-block;position:relative}.notfound-num:before{content:attr(data-text);color:var(--accent);clip-path:inset(0 0 50%);animation:3s ease-in-out infinite glitchSlide;position:absolute;inset:0}.notfound-num:after{content:attr(data-text);color:var(--accent2);clip-path:inset(50% 0 0);animation:3s ease-in-out infinite reverse glitchSlide;position:absolute;inset:0}.notfound-sub{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;opacity:0;margin-bottom:1rem;font-family:Syne,sans-serif;font-size:clamp(1.2rem,3vw,2rem);font-weight:600;animation:.6s .6s both fadeUp}.notfound-desc{color:var(--muted);opacity:0;max-width:360px;margin:0 auto 2.5rem;font-family:Syne,sans-serif;font-size:1rem;line-height:1.6;animation:.6s .8s both fadeUp}.notfound-btn{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;box-shadow:4px 4px 0 var(--accent);opacity:0;cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:DM Mono,monospace;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.77,0,.18,1);animation:.6s 1s both fadeUp;display:inline-flex}.notfound-btn:hover{box-shadow:0px 0px 0 var(--accent);background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translate(4px,4px)}@keyframes glitchSlide{0%,to{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px)}60%{transform:translateY(1px)}70%{transform:translate(2px,-1px)}80%{transform:translate(-1px)}90%{transform:translate(1px,1px)}}@media (max-width:768px){.notfound-main{padding:6rem 1.5rem 4rem}}