.sa404{--sa404-x:50%;--sa404-y:46%;--sa404-tilt-x:0deg;--sa404-tilt-y:0deg;--sa404-parallax-x:0px;--sa404-parallax-y:0px;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(var(--brand-rgb),.055),transparent 25%), linear-gradient(180deg,#080808 0%,#070707 62%,#090807 100%);color:#f3f0f1;cursor:default;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.sa404:before{content:"";z-index:-4;background:radial-gradient(circle at 20% 25%,rgba(var(--brand-rgb),.05),transparent 22%), radial-gradient(circle at 80% 68%,#ffffff06,transparent 25%);animation:9s ease-in-out infinite sa404WorldBreath;position:absolute;inset:-18%}.sa404-noise{z-index:8;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.sa404-pointer-glow{z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--sa404-x) var(--sa404-y),rgba(var(--brand-rgb),.13),rgba(var(--brand-rgb),.035) 34%,transparent 70%);transition:background-position .12s linear;position:absolute;inset:0}.sa404-ambient{z-index:-3;aspect-ratio:1;filter:blur(36px);pointer-events:none;opacity:.3;border-radius:50%;width:min(44vw,620px);position:absolute}.sa404-ambient-a{background:radial-gradient(circle,rgba(var(--brand-rgb),.17),transparent 67%);animation:13s ease-in-out infinite sa404AmbientA;top:-24%;left:-15%}.sa404-ambient-b{background:radial-gradient(circle,#ff7a5214,#0000 68%);animation:15s ease-in-out infinite sa404AmbientB;bottom:-28%;right:-18%}.sa404-routes{z-index:-2;width:106%;height:106%;color:var(--brand);opacity:.72;pointer-events:none;position:absolute;inset:-3%}.sa404-route{fill:none;stroke:url(#sa404Route);stroke-width:1.1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.sa404-route-a{stroke-dasharray:5 14;animation:22s linear infinite sa404RouteDrift}.sa404-route-b{stroke-dasharray:2 18;animation:28s linear infinite reverse sa404RouteDrift}.sa404-route-c{stroke-dasharray:7 18;animation:34s linear infinite sa404RouteDrift}.sa404-route-live{fill:none;stroke:rgba(var(--brand-rgb),.3);stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:3 12;vector-effect:non-scaling-stroke;animation:4.8s linear infinite sa404RouteSearch}.sa404-route-end{fill:var(--brand);opacity:.55;transform-origin:868px 451px;animation:2.2s ease-in-out infinite sa404RouteEnd}.sa404-dots{z-index:-1;pointer-events:none;position:absolute;inset:0}.sa404-dots i{background:rgba(var(--brand-rgb),.7);width:3px;height:3px;box-shadow:0 0 14px rgba(var(--brand-rgb),.38);border-radius:50%;animation:6s ease-in-out infinite sa404DotFloat;position:absolute}.sa404-stage{perspective:1100px;text-align:center;place-items:center;width:min(900px,100vw - 36px);min-height:620px;display:grid;position:relative}.sa404-mark{z-index:-1;aspect-ratio:1;object-fit:contain;opacity:.035;width:min(560px,65vw);filter:grayscale(.08) saturate(.95) drop-shadow(0 0 60px rgba(var(--brand-rgb),.08));transform:translate3d(var(--sa404-parallax-x),var(--sa404-parallax-y),-40px) scale(.96);pointer-events:none;animation:8s ease-in-out infinite sa404MarkBreath;position:absolute}.sa404-depth{z-index:1;transform-style:preserve-3d;transform:rotateX(var(--sa404-tilt-x)) rotateY(var(--sa404-tilt-y));justify-items:center;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.sa404-code{letter-spacing:-.095em;color:#e7e3e4;text-shadow:0 1px #ffffff2e,0 30px 70px #00000094;justify-content:center;align-items:center;margin-bottom:-18px;font-size:clamp(8.5rem,22vw,16.5rem);font-weight:900;line-height:.77;animation:.7s cubic-bezier(.16,1,.3,1) both sa404CodeEnter;display:flex;position:relative;transform:translateZ(30px)}.sa404-code:after{content:"";pointer-events:none;background:linear-gradient(108deg,transparent 30%,#ffffff2e 46%,rgba(var(--brand-rgb),.24) 50%,transparent 64%);mix-blend-mode:screen;opacity:.35;background-size:240% 100%;animation:7s ease-in-out 1.1s infinite sa404CodeSweep;position:absolute;inset:-12% -5%;-webkit-mask:linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0)}.sa404-zero{color:color-mix(in srgb,var(--brand) 48%,#ddd);text-shadow:0 0 40px rgba(var(--brand-rgb),.12), 0 30px 70px #00000094}.sa404-copy{justify-items:center;gap:8px;max-width:580px;animation:.65s cubic-bezier(.16,1,.3,1) .12s both sa404CopyEnter;display:grid;position:relative;transform:translateZ(50px)}.sa404-kicker{border:1px solid rgba(var(--brand-rgb),.18);background:rgba(var(--brand-rgb),.05);min-height:27px;color:color-mix(in srgb,var(--brand) 74%,white);letter-spacing:.075em;text-transform:uppercase;box-shadow:0 0 24px rgba(var(--brand-rgb),.035);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.52rem;font-weight:900;display:inline-flex}.sa404-copy h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(1.45rem,4vw,2.15rem);line-height:1.06}.sa404-copy p{color:#817d7e;margin:0;font-size:.7rem;line-height:1.55}.sa404-copy code{color:#646061;text-overflow:ellipsis;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff0e;border-radius:8px;max-width:min(520px,78vw);margin-top:4px;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.55rem;overflow:hidden}.sa404-actions{justify-content:center;align-items:center;gap:8px;margin-top:22px;animation:.6s cubic-bezier(.16,1,.3,1) .23s both sa404ActionsEnter;display:flex;transform:translateZ(62px)}.sa404-primary,.sa404-secondary{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:.63rem;font-weight:850;transition:transform .2s cubic-bezier(.2,.9,.2,1),border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.sa404-primary{border:1px solid rgba(var(--brand-rgb),.64);background:var(--brand);color:#090909;box-shadow:0 10px 30px rgba(var(--brand-rgb),.13), inset 0 1px 0 #fff3;overflow:hidden}.sa404-primary:after{content:"";background:linear-gradient(105deg,#0000 28%,#ffffff57 48%,#0000 68%);animation:5.8s ease-in-out 1.8s infinite sa404ButtonShine;position:absolute;inset:0;transform:translate(-130%)}.sa404-primary>*{z-index:1;position:relative}.sa404-primary:hover:not(:disabled){box-shadow:0 16px 38px rgba(var(--brand-rgb),.22), 0 0 0 1px rgba(var(--brand-rgb),.15), inset 0 1px 0 #ffffff40;transform:translateY(-2px)scale(1.015)}.sa404-primary:disabled{opacity:.58;cursor:wait}.sa404-secondary{color:#9c9899;background:#ffffff06;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff05}.sa404-secondary:hover{color:#dedadb;background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.sa404-hint{color:#494647;letter-spacing:.035em;margin:15px 0 0;font-size:.5rem;animation:.5s .36s both sa404HintEnter}.sa404-ripple{z-index:0;border:1px solid rgba(var(--brand-rgb),.7);pointer-events:none;width:16px;height:16px;box-shadow:0 0 22px rgba(var(--brand-rgb),.26), inset 0 0 12px rgba(var(--brand-rgb),.15);border-radius:50%;animation:1.05s cubic-bezier(.12,.65,.25,1) forwards sa404Ripple;position:absolute;transform:translate(-50%,-50%)scale(.2)}@keyframes sa404WorldBreath{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes sa404AmbientA{0%,to{transform:translate(0)scale(.95)}50%{transform:translate(6vw,5vh)scale(1.08)}}@keyframes sa404AmbientB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vw,-4vh)scale(1.1)}}@keyframes sa404RouteDrift{to{stroke-dashoffset:-180px}}@keyframes sa404RouteSearch{to{stroke-dashoffset:-150px}}@keyframes sa404RouteEnd{0%,to{opacity:.28;transform:scale(.72)}50%{opacity:.86;transform:scale(1.4)}}@keyframes sa404DotFloat{0%,to{opacity:.18;transform:translateY(0)scale(.75)}50%{opacity:.78;transform:translateY(-8px)scale(1.15)}}@keyframes sa404MarkBreath{0%,to{opacity:.028;filter:grayscale(.08) saturate(.95) drop-shadow(0 0 45px rgba(var(--brand-rgb),.05))}50%{opacity:.05;filter:grayscale(.02) saturate(1.05) drop-shadow(0 0 75px rgba(var(--brand-rgb),.09))}}@keyframes sa404CodeEnter{0%{opacity:0;filter:blur(9px);transform:translate3d(0,24px,30px)scale(.96)}to{opacity:1;filter:blur();transform:translateZ(30px)scale(1)}}@keyframes sa404CopyEnter{0%{opacity:0;transform:translate3d(0,16px,50px)}to{opacity:1;transform:translateZ(50px)}}@keyframes sa404ActionsEnter{0%{opacity:0;transform:translate3d(0,14px,62px)}to{opacity:1;transform:translateZ(62px)}}@keyframes sa404HintEnter{0%{opacity:0}to{opacity:1}}@keyframes sa404CodeSweep{0%,18%{background-position:140% 0}42%,to{background-position:-140% 0}}@keyframes sa404ButtonShine{0%,20%{transform:translate(-130%)}42%,to{transform:translate(130%)}}@keyframes sa404Ripple{0%{opacity:.72;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(15)}}@media (width<=720px){.sa404-stage{width:min(100%,100vw - 24px);min-height:540px}.sa404-mark{width:min(520px,92vw)}.sa404-code{margin-bottom:-6px;font-size:clamp(7rem,38vw,11rem)}.sa404-copy{max-width:88vw}.sa404-copy p{max-width:310px}.sa404-actions{grid-template-columns:1fr;width:min(360px,88vw);display:grid}.sa404-primary,.sa404-secondary{width:100%;min-height:48px}.sa404-routes{opacity:.52}.sa404-hint{margin-top:12px}}@media (hover:none){.sa404-depth{transform:none}.sa404-pointer-glow{background:radial-gradient(360px circle at 50% 43%,rgba(var(--brand-rgb),.12),transparent 70%)}}@media (prefers-reduced-motion:reduce){.sa404:before,.sa404-ambient,.sa404-route,.sa404-route-live,.sa404-route-end,.sa404-dots i,.sa404-mark,.sa404-code,.sa404-code:after,.sa404-copy,.sa404-actions,.sa404-hint,.sa404-primary:after,.sa404-ripple{animation:none!important}.sa404-depth{transition:none!important;transform:none!important}.sa404-primary,.sa404-secondary{transition:none!important}}