.nf404{--nf-c1:#00ffde;--nf-c2:#00df6a;--nf-bg:#fff;--nf-tile:#fff;--nf-ink:#0a0a0a;--nf-muted:#0a0a0a99;--nf-ring:inset 0 0 0 1px #0a0a0a14;--nf-ease:cubic-bezier(.16, 1, .3, 1);z-index:9999;isolation:isolate;color:var(--nf-ink);background:var(--nf-bg);font-family:var(--font-inter,Inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:hidden auto}.dark .nf404{--nf-bg:#000;--nf-tile:#161616;--nf-ink:#fff;--nf-muted:#ffffff9e;--nf-ring:inset 0 0 0 1px #ffffff1a}.nf404:before,.nf404:after{content:"";z-index:-1;pointer-events:none;background-size:22px 22px;position:fixed;inset:0}.nf404:before{background-image:radial-gradient(color-mix(in srgb, var(--nf-ink) 22%, transparent) 1.2px, transparent 1.5px);-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 15%,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 15%,#0000 85%)}.dark .nf404:before{background-image:radial-gradient(color-mix(in srgb, var(--nf-ink) 12%, transparent) 1px, transparent 1.2px)}.nf404:after{background-image:radial-gradient(color-mix(in srgb, var(--nf-c2) 55%, #000) 2px, transparent 2.2px);-webkit-mask-image:radial-gradient(280px circle at var(--mx,50%) var(--my,-40%), #000, transparent 80%);-webkit-mask-image:radial-gradient(280px circle at var(--mx,50%) var(--my,-40%), #000, transparent 80%);mask-image:radial-gradient(280px circle at var(--mx,50%) var(--my,-40%), #000, transparent 80%);opacity:0;transition:opacity .5s var(--nf-ease)}.dark .nf404:after{background-image:radial-gradient(color-mix(in srgb, var(--nf-c2) 75%, #fff) 1.3px, transparent 1.5px)}@media (hover:hover) and (pointer:fine){.nf404:hover:after{opacity:1}.dark .nf404:hover:after{opacity:.75}}.nf404-orbs{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nf404-orbs i{aspect-ratio:1;border-radius:50%;display:block;position:absolute}.nf404-orbs i:first-child{background:radial-gradient(circle, color-mix(in srgb, var(--nf-c1) 34%, transparent), transparent 66%);width:min(70vw,760px);top:-22%;left:-12%}.nf404-orbs i:nth-child(2){background:radial-gradient(circle, color-mix(in srgb, var(--nf-c2) 30%, transparent), transparent 66%);width:min(76vw,820px);bottom:-30%;right:-14%}.dark .nf404-orbs i:first-child{background:radial-gradient(circle, color-mix(in srgb, var(--nf-c1) 22%, transparent), transparent 66%)}.dark .nf404-orbs i:nth-child(2){background:radial-gradient(circle, color-mix(in srgb, var(--nf-c2) 20%, transparent), transparent 66%)}.nf404-stage{text-align:center;flex-direction:column;align-items:center;gap:20px;width:min(680px,100%);display:flex}.nf404-code{letter-spacing:-.07em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--nf-ink) 30%, color-mix(in srgb, var(--nf-ink) 42%, transparent));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:clamp(6px,1.6vw,18px);font-size:clamp(112px,26vw,264px);font-weight:600;line-height:.88;display:flex}.nf404-zero{-webkit-text-fill-color:initial;width:.78em;height:.78em;display:inline-block;position:relative}.nf404-zero:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--nf-c1) 42%, transparent), transparent 75%);border-radius:50%;animation:3.2s ease-in-out infinite nf404-breathe;position:absolute;inset:-22%}.nf404-zero-img{border-radius:24%;width:100%;height:100%;animation:3.2s ease-in-out infinite nf404-float;display:block;position:relative;overflow:hidden;box-shadow:0 28px 60px -26px #00a078a6}.nf404-title{letter-spacing:-.04em;max-width:20ch;margin:0;font-size:clamp(28px,4.4vw,48px);font-weight:500;line-height:1.08}.nf404-desc{max-width:46ch;color:var(--nf-muted);margin:0;font-size:17px;line-height:1.55}.nf404-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.nf404-pill{height:52px;font:inherit;cursor:pointer;transition:transform .35s var(--nf-ease), box-shadow .35s var(--nf-ease), opacity .3s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.nf404-pill.is-accent{color:#0a0a0a;background:linear-gradient(135deg, var(--nf-c1), var(--nf-c2))}.nf404-pill.is-accent:hover{box-shadow:0 14px 30px -14px color-mix(in srgb, var(--nf-c2) 75%, transparent);transform:translateY(-1px)}.nf404-pill.is-ghost{color:var(--nf-ink);background:var(--nf-tile);box-shadow:var(--nf-ring)}.nf404-pill.is-ghost:hover{transform:translateY(-1px)}.nf404-pill:active{transform:scale(.97)}.nf404-pill svg{transition:transform .35s var(--nf-ease)}.nf404-pill.is-ghost:hover svg{transform:translate(-2px)}.nf404-pill:focus-visible{outline:2px solid var(--nf-ink);outline-offset:3px}@keyframes nf404-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}@keyframes nf404-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media (max-width:480px){.nf404-actions{width:100%}.nf404-pill{flex:100%}}@media (prefers-reduced-motion:reduce){.nf404-zero-img,.nf404-zero:before{animation:none}.nf404:after{display:none}.nf404-pill,.nf404-pill svg{transition:none}}