.pg-404 .n4-shell{background:var(--bg-page);flex-direction:column;padding:74px 0 0;display:flex;position:relative;overflow:hidden}.pg-404 .n4-bloom{filter:blur(26px);pointer-events:none;background:radial-gradient(circle,#824bc833,#0000 62%);border-radius:50%;width:min(1000px,140vw);height:820px;animation:9s ease-in-out infinite n4Breathe;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.pg-404 .n4-grid{pointer-events:none;opacity:.4;background-image:linear-gradient(#aab9ff0d 1px,#0000 1px),linear-gradient(90deg,#aab9ff0d 1px,#0000 1px);background-size:64px 64px;animation:22s linear infinite n4Drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 32%,#000 0%,#0000 72%);mask-image:radial-gradient(at 50% 32%,#000 0%,#0000 72%)}.pg-404 .n4-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:760px;margin:0 auto;padding:56px 32px 52px;display:flex;position:relative}.pg-404 .n4-stage>*{animation:.7s cubic-bezier(.22,.61,.36,1) both n4Rise}.pg-404 .n4-stage>:first-child{animation-delay:50ms}.pg-404 .n4-stage>:nth-child(2){animation-delay:.14s}.pg-404 .n4-stage>:nth-child(3){animation-delay:.23s}.pg-404 .n4-stage>:nth-child(4){animation-delay:.32s}.pg-404 .n4-stage>:nth-child(5){animation-delay:.41s}.pg-404 .n4-badge{color:#c2c6d4;background:#ffffff08;border:1px solid #ffd27f52;align-items:center;gap:9px;padding:8px 18px;font-size:clamp(14px,.25vw + 13px,16px);display:inline-flex}.pg-404 .n4-dot{background:var(--accent-amber);width:7px;height:7px;box-shadow:0 0 12px var(--accent-amber);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite n4Pulse}.pg-404 .n4-numerals{font-family:var(--font-display);letter-spacing:-.05em;justify-content:center;align-items:center;gap:clamp(6px,2vw,18px);font-size:clamp(88px,19vw,190px);font-weight:600;line-height:.9;display:flex}.pg-404 .n4-digit{background:linear-gradient(100deg,#4a7fd6 0%,#8fb2ee 35%,#eaf1ff 50%,#8fb2ee 65%,#4a7fd6 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:3.4s linear infinite n4Sweep}.pg-404 .n4-zero{border:clamp(7px,1.5vw,15px) solid #aab9ff38;border-radius:50%;flex-shrink:0;width:clamp(66px,14vw,142px);height:clamp(66px,14vw,142px);position:relative;box-shadow:inset 0 0 26px #aab9ff1f,0 0 40px #aab9ff1f}.pg-404 .n4-zero:before{content:"";border:1px solid #0000;border-top-color:var(--accent-bright);border-radius:50%;animation:3.6s linear infinite n4Spin;position:absolute;inset:-1px}.pg-404 .n4-orbit{width:100%;height:100%;animation:5.2s linear infinite n4Spin;position:absolute;top:50%;left:50%}.pg-404 .n4-orbit span{background:var(--accent-soft);width:clamp(8px,1.6vw,14px);height:clamp(8px,1.6vw,14px);box-shadow:0 0 16px var(--accent);border-radius:50%;margin-left:calc(-1*clamp(4px,.8vw,7px));position:absolute;top:calc(-1*clamp(4px,.8vw,7px));left:50%}.pg-404 .n4-title{letter-spacing:-.02em;color:#d6dcee;text-wrap:balance;margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.18}.pg-404 .n4-body{color:#9a9aac;text-wrap:pretty;max-width:52ch;margin:0;font-size:clamp(16px,.25vw + 15px,18px);line-height:1.6}.pg-404 .n4-cta{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:4px;display:flex}.pg-404 .n4-primary,.pg-404 .n4-ghost{border-radius:0;align-items:center;gap:9px;padding:10px 22px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.pg-404 .n4-primary{color:#0a0a12;background:linear-gradient(#fff,#dfe2f0);transition:box-shadow .3s,transform .25s;box-shadow:0 8px 26px #aab9ff47}.pg-404 .n4-primary:hover{color:#0a0a12;transform:translateY(-1px);box-shadow:0 0 0 1px #aab9ff59,0 9px 24px #aab9ff4d}.pg-404 .n4-ghost{color:#d6dcee;border:1.5px solid #ffffff2e;transition:border-color .25s,background .25s,transform .2s}.pg-404 .n4-ghost:hover{color:#d6dcee;background:#aab9ff0f;border-color:#aab9ff8c;transform:translateY(-1px)}@keyframes n4Rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes n4Sweep{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes n4Spin{to{transform:rotate(360deg)}}@keyframes n4Pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes n4Breathe{0%,to{opacity:.75;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes n4Drift{0%{background-position:0 0,0 0}to{background-position:0 -64px,0 -64px}}@media (max-width:560px){.pg-404 .n4-stage{gap:18px;padding:40px 20px}}
