.hub-404{--hub-404-accent:#3b82f6;--hub-404-ink:#f4f6fb;--hub-404-muted:#f4f6fb9e;--hub-404-faint:#f4f6fb61;--hub-404-line:#f4f6fb1f;isolation:isolate;min-height:100dvh;color:var(--hub-404-ink);background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--hub-404-accent) 28%, transparent), transparent 55%), radial-gradient(90% 60% at 100% 100%, #ec108024, transparent 50%), radial-gradient(70% 50% at 0% 80%, #2563eb29, transparent 45%), #070a11;justify-content:center;align-items:center;padding:clamp(2rem,6vw,4rem) 1.25rem;display:flex;position:relative;overflow:hidden}.hub-404-orb{pointer-events:none;z-index:0;filter:blur(72px);opacity:.45;border-radius:50%;animation:14s ease-in-out infinite alternate hub-404-drift;position:absolute}.hub-404-orb--a{background:color-mix(in srgb, var(--hub-404-accent) 70%, #2563eb);width:min(48vw,22rem);height:min(48vw,22rem);top:-8%;left:-6%}.hub-404-orb--b{background:#ec1080;width:min(40vw,18rem);height:min(40vw,18rem);animation-duration:18s;animation-delay:-4s;bottom:8%;right:-4%}.hub-404-grid{pointer-events:none;z-index:0;opacity:.18;background-image:linear-gradient(var(--hub-404-line) 1px, transparent 1px), linear-gradient(90deg, var(--hub-404-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%)}.hub-404-inner{z-index:1;text-align:center;width:min(100%,28rem);animation:.7s cubic-bezier(.22,1,.36,1) both hub-404-rise;position:relative}.hub-404-brand{min-height:3rem;color:inherit;justify-content:center;align-items:center;margin:0 auto 1.75rem;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.hub-404-brand:hover{opacity:.88;transform:translateY(-1px)}.hub-404-brand:focus-visible{outline:2px solid var(--hub-404-accent);outline-offset:6px;border-radius:4px}.hub-404-logo{object-fit:contain;object-position:center;width:auto;max-width:min(16rem,78vw);height:clamp(2.25rem,7vw,3.25rem);display:block}.hub-404-wordmark{font-family:var(--font-hub-syne), var(--font-ui), system-ui, sans-serif;letter-spacing:-.04em;align-items:center;gap:.55rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;line-height:1;display:inline-flex}.hub-404-mark{flex:none;width:1.35em;height:1.35em}.hub-404-mark .mys-mark-ring{transform-box:fill-box;transform-origin:50%;animation:48s linear infinite hub-404-orbit}.hub-404-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--hub-404-faint);margin:0;font-size:.75rem;font-weight:600}.hub-404-title{font-family:var(--font-hub-syne), var(--font-ui), system-ui, sans-serif;letter-spacing:-.045em;color:var(--hub-404-ink);margin:.65rem 0 0;font-size:clamp(1.85rem,5.5vw,2.55rem);font-weight:800;line-height:1.08}.hub-404-handle{border:1px solid var(--hub-404-line);max-width:100%;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.01em;color:var(--hub-404-muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;margin:1rem auto 0;padding:.4rem .85rem;font-size:.8125rem;font-weight:500;animation:.75s cubic-bezier(.22,1,.36,1) 80ms both hub-404-rise;display:inline-flex;overflow:hidden}.hub-404-copy{max-width:22rem;color:var(--hub-404-muted);margin:.95rem auto 0;font-size:1rem;line-height:1.55}.hub-404-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:1.75rem;animation:.8s cubic-bezier(.22,1,.36,1) .12s both hub-404-rise;display:flex}.hub-404-cta{background:var(--hub-404-accent);color:#fff;letter-spacing:-.02em;min-height:2.75rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--hub-404-accent) 55%, transparent), 0 10px 28px color-mix(in srgb, var(--hub-404-accent) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex}.hub-404-cta:hover{filter:brightness(1.06);box-shadow:0 0 0 1px color-mix(in srgb, var(--hub-404-accent) 65%, transparent), 0 14px 32px color-mix(in srgb, var(--hub-404-accent) 42%, transparent);transform:translateY(-1px)}.hub-404-cta:active{transform:translateY(0)}.hub-404-cta:focus-visible,.hub-404-secondary:focus-visible{outline-offset:3px;outline:2px solid #fff}.hub-404-cta-arrow{width:1rem;height:1rem;transition:transform .18s}.hub-404-cta:hover .hub-404-cta-arrow{transform:translate(2px)}.hub-404-secondary{min-height:2.75rem;color:var(--hub-404-muted);text-underline-offset:.2em;align-items:center;padding:.55rem .35rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.hub-404-secondary:hover{color:var(--hub-404-ink);text-decoration:underline}@keyframes hub-404-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-404-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(12px,18px)scale(1.08)}}@keyframes hub-404-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hub-404-inner,.hub-404-handle,.hub-404-actions,.hub-404-orb,.hub-404-mark .mys-mark-ring,.hub-404-brand,.hub-404-cta,.hub-404-cta-arrow{transition:none!important;animation:none!important}.hub-404-cta:hover,.hub-404-brand:hover{transform:none}}