.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:var(--accent-ink);margin-bottom:16px;font-size:clamp(6rem,15vw,12rem);font-weight:400;line-height:1;position:relative}.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:400}.nf-404-desc{font-family:var(--font-body);color:var(--white-40);font-size:clamp(.9rem,1.2vw,1.05rem);line-height:var(--lh-relaxed);margin-bottom:32px}.nf-404-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.nf-404-cta{border-radius:var(--radius-full);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;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)}.nf-404-hint{color:var(--white-40);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}}