.nf-404{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.nf-404-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.nf-404-content{z-index:2;text-align:center;max-width:600px;padding:40px 24px;position:relative}.nf-404-code{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;background:linear-gradient(135deg,var(--accent)0%,var(--purple)50%,var(--cobalt)100%);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(6rem,15vw,12rem);font-weight:900;line-height:1;position:relative}.nf-404-code:before,.nf-404-code:after{content:attr(data-text);background:linear-gradient(135deg,var(--accent)0%,var(--purple)50%,var(--cobalt)100%);color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}.nf-404-code:before{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:3s linear infinite alternate-reverse glitch-1}.nf-404-code:after{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:2.5s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%,90%{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-2px)}98%{transform:translate(2px,1px)}to{transform:translate(0)}}@keyframes glitch-2{0%,88%{transform:translate(0)}90%{transform:translate(2px,-1px)}93%{transform:translate(-3px,1px)}96%{transform:translate(1px)}to{transform:translate(0)}}.nf-404-title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.nf-404-desc{font-family:var(--font-body);color:var(--white-40);margin-bottom:32px;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.7}.nf-404-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.nf-404-cta{background:linear-gradient(135deg,var(--accent)0%,var(--cobalt)100%);color:#060610;font-family:var(--font-body);letter-spacing:.02em;transition:transform .3s var(--ease-out-expo),box-shadow .3s;border-radius:999px;align-items:center;padding:14px 36px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.nf-404-cta:hover{transform:scale(1.04);box-shadow:0 0 40px #75e8b84d}.nf-404-hint{color:var(--white-20);font-size:.8rem;font-family:var(--font-body)}.nf-404-signal{width:min(400px,80vw);height:auto;margin-top:48px}.nf-404-signal-line{stroke-dasharray:800;stroke-dashoffset:800px;animation:2s .8s forwards signal-draw}@keyframes signal-draw{to{stroke-dashoffset:0}}@media (max-width:480px){.nf-404-code{font-size:5rem}.nf-404-title{font-size:1.3rem}}