.vj-404{--vj404-ink:#0f172a;--vj404-muted:#64748b;--vj404-line:#e2e8f0;--vj404-blue:var(--site-primary,#2563eb);--vj404-cyan:var(--site-secondary,#06b6d4);isolation:isolate;min-height:min(72vh,720px);color:var(--vj404-ink);font-family:var(--site-body-font,Inter, "Segoe UI", system-ui, -apple-system, sans-serif);background:radial-gradient(1200px 480px at 50% -10%,#2563eb24,#0000 60%),radial-gradient(900px 420px at 85% 110%,#06b6d41f,#0000 55%),linear-gradient(#f8fafc 0%,#fff 48%,#f1f5f9 100%);place-items:center;padding:72px 20px 88px;display:grid;position:relative;overflow:hidden}.vj-404-glow{filter:blur(18px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb2e,#0000 70%);border-radius:50%;width:min(520px,80vw);height:220px;animation:5.5s ease-in-out infinite vj404-pulse;position:absolute;inset:18% auto auto 50%;transform:translate(-50%)}.vj-404-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 40%,#000 20%,#0000 75%)}.vj-404-inner{z-index:1;text-align:center;width:min(640px,100%);animation:.7s cubic-bezier(.22,1,.36,1) both vj404-rise;position:relative}.vj-404-code{letter-spacing:-.08em;background:linear-gradient(135deg, var(--vj404-blue) 0%, var(--vj404-cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(4.5rem,14vw,7.5rem);font-weight:800;line-height:.9;animation:.85s cubic-bezier(.22,1,.36,1) 50ms both vj404-rise}.vj-404-title{letter-spacing:-.035em;color:var(--vj404-ink);margin:0 0 14px;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1.15}.vj-404-lead{max-width:38rem;color:var(--vj404-muted);margin:0 auto 28px;font-size:1.05rem;line-height:1.65}.vj-404-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;animation:.8s cubic-bezier(.22,1,.36,1) .12s both vj404-rise;display:flex}.vj-404-btn{letter-spacing:-.01em;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.vj-404-btn:hover{transform:translateY(-1px)}.vj-404-btn-primary{background:linear-gradient(135deg, var(--site-primary,#2563eb), #0ea5e9);box-shadow:0 10px 24px #2563eb47;color:#fff!important}.vj-404-btn-primary:hover{box-shadow:0 14px 28px #2563eb57}.vj-404-btn-ghost{border:1px solid var(--vj404-line);background:#fff;color:#1e293b!important}.vj-404-btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.vj-404-links{color:var(--vj404-muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:flex}.vj-404-links a{border-bottom:1px solid #0000;text-decoration:none;transition:color .15s,border-color .15s;color:var(--vj404-muted)!important}.vj-404-links a:hover{border-bottom-color:#2563eb59;color:var(--vj404-blue)!important}@keyframes vj404-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes vj404-pulse{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@media (max-width:600px){.vj-404{min-height:min(68vh,640px);padding:56px 16px 72px}.vj-404-actions{flex-direction:column;align-items:stretch}.vj-404-btn{width:100%}}@media (prefers-reduced-motion:reduce){.vj-404-glow,.vj-404-inner,.vj-404-code,.vj-404-actions{animation:none}.vj-404-btn:hover{transform:none}}
