.errpage{--e-bg:#0f1419;--e-panel:#1a2128;--e-panel-2:#232c35;--e-border:#2a3340;--e-accent:#4fc3f7;--e-accent-2:#ba68c8;--e-warm:#ffb74d;--e-green:#66bb6a;--e-red:#ef5350;--e-text:#e8eef2;--e-muted:#8b9aa8;--e-dim:#5d6b78;--e-mono:ui-monospace, "SF Mono", Menlo, monospace;z-index:9999;background:var(--e-bg);color:var(--e-text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.errpage *{box-sizing:border-box;margin:0;padding:0}.errpage a{color:inherit;text-decoration:none}.errpage button{cursor:pointer;font-family:inherit}.errpage.is-404{background-image:radial-gradient(700px 340px at 50% 18%,#4fc3f71a,#0000 70%),radial-gradient(500px 300px at 80% 80%,#ba68c80f,#0000 70%)}.errpage.is-500{background-image:radial-gradient(700px 340px at 50% 18%,#ffb74d14,#0000 70%),radial-gradient(500px 300px at 80% 80%,#ef53500f,#0000 70%)}.errpage .topbrand{align-items:center;gap:9px;padding:20px 24px;font-size:15px;font-weight:600;display:flex}.errpage .topbrand .dot{background:var(--e-accent);border-radius:50%;width:9px;height:9px;animation:2.4s infinite err-pulse;box-shadow:0 0 10px #4fc3f7b3}.errpage.is-500 .topbrand .dot{background:var(--e-warm);animation:1.6s infinite err-pulse;box-shadow:0 0 10px #ffb74db3}@keyframes err-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.errpage .wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 22px 60px;display:flex}.errpage .grid-art{width:148px;height:120px;margin-bottom:30px;position:relative}.errpage .pxgrid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr);gap:9px;width:100%;height:100%;display:grid}.errpage .px{background:var(--e-panel-2);border:1px solid var(--e-border);border-radius:6px}.errpage .px.a{background:#4fc3f72e;border-color:#4fc3f766}.errpage .px.b{background:#ba68c829;border-color:#ba68c859}.errpage .px.hole{border:1px dashed var(--e-border);background:0 0;box-shadow:inset 0 0 12px #0006}.errpage .lost{background:linear-gradient(135deg, var(--e-accent), var(--e-accent-2));border-radius:6px;width:20px;height:20px;animation:5s ease-in-out infinite err-drift;position:absolute;top:34px;left:54px;box-shadow:0 0 18px #4fc3f799}@keyframes err-drift{0%{opacity:1;transform:translate(0)rotate(0)}50%{opacity:.85;transform:translate(74px,-46px)rotate(18deg)}to{opacity:1;transform:translate(0)rotate(0)}}.errpage .trail{background:var(--e-accent);opacity:.25;border-radius:50%;width:6px;height:6px;animation:5s ease-in-out infinite err-trailf;position:absolute;top:42px;left:60px}@keyframes err-trailf{0%,to{opacity:0;transform:translate(0)}50%{opacity:.4;transform:translate(40px,-24px)}}.errpage .px.warm{background:#ffb74d2e;border-color:#ffb74d66;animation:1.4s step-end infinite err-flick}.errpage .px.red{background:#ef53502e;border-color:#ef53506b;animation:1.1s step-end infinite err-flick}.errpage .px.g2{animation-delay:.5s}.errpage .px.g3{animation-delay:.9s}.errpage .px.g4{animation-delay:.3s}@keyframes err-flick{0%,70%{opacity:1}71%,80%{opacity:.25;transform:translate(2px)}81%,to{opacity:1;transform:none}}.errpage .scan{background:linear-gradient(90deg,#0000,#ffb74d8c,#0000);height:3px;animation:2.6s ease-in-out infinite err-sweep;position:absolute;top:0;left:-4px;right:-4px}@keyframes err-sweep{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:117px}}.errpage .code{font-family:var(--e-mono);letter-spacing:-3px;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(56px,16vw,84px);font-weight:800;line-height:1}.errpage.is-404 .code{background:linear-gradient(120deg, var(--e-accent), var(--e-accent-2))}.errpage.is-500 .code{background:linear-gradient(120deg, var(--e-warm), var(--e-red))}.errpage h1{letter-spacing:-.4px;margin-bottom:10px;font-size:clamp(20px,5vw,26px);font-weight:700}.errpage p.sub{color:var(--e-muted);max-width:440px;margin:0 auto 18px;font-size:14.5px;line-height:1.6}.errpage p.sub b{color:var(--e-text);font-weight:600}.errpage.is-404 p.sub{max-width:420px;margin-bottom:28px}.errpage .ref{font-family:var(--e-mono);color:var(--e-muted);background:var(--e-panel);border:1px solid var(--e-border);border-radius:9px;align-items:center;gap:9px;margin-bottom:26px;padding:8px 13px;font-size:11.5px;display:inline-flex}.errpage .ref .rk{color:var(--e-dim);text-transform:uppercase;letter-spacing:.5px;font-size:9.5px}.errpage .ref .rv{color:var(--e-warm)}.errpage .ref .copy{color:var(--e-dim);background:0 0;border:none;padding:0 0 0 2px;font-size:12px}.errpage .ref .copy:hover{color:var(--e-accent)}.errpage .cta-row{flex-direction:column;gap:11px;width:100%;max-width:300px;display:flex}.errpage .btn{border:1px solid var(--e-border);background:var(--e-panel);color:var(--e-text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.errpage .btn:hover{border-color:var(--e-accent)}.errpage .btn-primary{background:var(--e-accent);color:#07222e;border-color:var(--e-accent)}.errpage .btn-primary:hover{background:#6fd0fa;transform:translateY(-2px);box-shadow:0 8px 24px #4fc3f740}.errpage .btn .bi{width:16px;height:16px}.errpage .helpline{color:var(--e-dim);margin-top:24px;font-size:12.5px}.errpage .helpline a{color:var(--e-accent)}.errpage .status-note{color:var(--e-muted);align-items:center;gap:8px;margin-top:24px;font-size:12.5px;display:inline-flex}.errpage footer{border-top:1px solid var(--e-border);color:var(--e-dim);font-size:11px;font-family:var(--e-mono);text-align:center;padding:18px 24px}@media (width>=560px){.errpage .cta-row{flex-direction:row;justify-content:center;max-width:none}.errpage .cta-row .btn{min-width:170px}}