@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Inter+Tight:wght@600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
.bs-404{--bs404-ink:#0a0a0a;--bs404-ink-3:#525252;--bs404-ink-4:#a3a3a3;--bs404-paper:#fafaf9;--bs404-accent:#ff4f1f;--bs404-sans:"Inter", system-ui, -apple-system, sans-serif;--bs404-display:"Inter Tight", "Inter", system-ui, sans-serif;--bs404-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;background:radial-gradient(900px 480px at 50% -8%, #ff4f1f12, transparent 60%), var(--bs404-paper);min-height:100vh;color:var(--bs404-ink);font-family:var(--bs404-sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.bs-404 *,.bs-404 :before,.bs-404 :after{box-sizing:border-box}.bs-404 .nav{color:inherit;border-radius:8px;align-items:center;gap:11px;width:fit-content;padding:24px 40px;text-decoration:none;display:flex}.bs-404 .nav svg{width:26px;height:26px;display:block}.bs-404 .nav .wm{font-family:var(--bs404-display);letter-spacing:-.025em;color:var(--bs404-ink);font-size:17px;font-weight:800}.bs-404 .nav:focus-visible{outline:2px solid var(--bs404-accent);outline-offset:2px}.bs-404 main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 24px 64px;display:flex}.bs-404 .code{font-family:var(--bs404-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bs404-accent);margin-bottom:6px;font-size:clamp(13px,3vw,15px);font-weight:700}.bs-404 h1{font-family:var(--bs404-display);letter-spacing:-.05em;color:var(--bs404-ink);margin:0;font-size:clamp(54px,13vw,104px);font-weight:800;line-height:.9}.bs-404 .msg{color:var(--bs404-ink-3);text-wrap:pretty;max-width:460px;margin:16px 0 0;font-size:clamp(15px,3.6vw,19px);line-height:1.5}.bs-404 .msg b{color:var(--bs404-ink);font-weight:600}.bs-404 .home-cta{font-family:var(--bs404-display);color:var(--bs404-ink);border:1.5px solid var(--bs404-ink);background:0 0;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:12px 22px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.bs-404 .home-cta:hover{background:var(--bs404-ink);color:#fff;transform:translateY(-1px)}.bs-404 .home-cta:focus-visible{outline:2px solid var(--bs404-accent);outline-offset:3px}.bs-404 .scene{width:min(384px,88vw);margin-top:14px}.bs-404 .scene svg{width:100%;height:auto;display:block;overflow:visible}.bs-404 .stamp{font-family:var(--bs404-mono);letter-spacing:.08em;color:var(--bs404-ink-4);margin-top:18px;font-size:11px}.bs-404 .m-spin,.bs-404 .m-squash,.bs-404 .m-antenna,.bs-404 .m-tip,.bs-404 .m-halo,.bs-404 .m-shadow,.bs-404 .m-legL,.bs-404 .m-legR,.bs-404 .m-shinL,.bs-404 .m-shinR,.bs-404 .m-armL,.bs-404 .m-armR,.bs-404 .m-foreL,.bs-404 .m-foreR{transform-box:view-box}.bs-404 .m-spin{transform-origin:70px 86px}.bs-404 .m-squash{transform-origin:70px 104px}.bs-404 .m-antenna{transform-origin:70px 54px}.bs-404 .m-tip,.bs-404 .m-halo{transform-origin:70px 32px}.bs-404 .m-shadow{transform-origin:70px 142px}.bs-404 .m-legL{transform-origin:56px 104px}.bs-404 .m-shinL{transform-origin:56px 114px}.bs-404 .m-legR{transform-origin:84px 104px}.bs-404 .m-shinR{transform-origin:84px 114px}.bs-404 .m-armL{transform-origin:32px 74px}.bs-404 .m-foreL{transform-origin:22px 84px}.bs-404 .m-armR{transform-origin:108px 74px}.bs-404 .m-foreR{transform-origin:118px 84px}.bs-404 .m-table,.bs-404 .m-plate{transform-box:view-box}.bs-404 .m-table{transform-origin:270px 162px}.bs-404 .m-plate{transform-origin:268px 142px}.bs-404 .scene:not(.go):not(.done) .m-squash{animation:3.4s ease-in-out infinite bs404-idleBreath}.bs-404 .scene:not(.go):not(.done) .m-antenna{animation:3s ease-in-out infinite bs404-idleSway}@keyframes bs404-idleBreath{0%,to{transform:scale(1)}50%{transform:scaleY(1.03)scaleX(.99)}}@keyframes bs404-idleSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.bs-404 .scene.go .m-bob{animation:2.8s cubic-bezier(.4,.2,.3,1) forwards bs404-flipBob}.bs-404 .scene.go .m-spin{animation:2.8s ease-in-out forwards bs404-flipLean}.bs-404 .scene.go .m-squash{animation:2.8s ease-in-out forwards bs404-flipSquash}.bs-404 .scene.go .m-antenna{animation:2.8s ease-in-out forwards bs404-flipAnt}.bs-404 .scene.go .m-armL{animation:2.8s cubic-bezier(.4,.1,.3,1) forwards bs404-flipArmL}.bs-404 .scene.go .m-armR{animation:2.8s cubic-bezier(.4,.1,.3,1) forwards bs404-flipArmR}.bs-404 .scene.go .m-foreL{animation:2.8s ease-in-out forwards bs404-flipForeL}.bs-404 .scene.go .m-foreR{animation:2.8s ease-in-out forwards bs404-flipForeR}.bs-404 .scene.go .m-legL{animation:2.8s ease-in-out forwards bs404-flipLegL}.bs-404 .scene.go .m-shinL{animation:2.8s ease-in-out forwards bs404-flipShinL}.bs-404 .scene.go .m-legR{animation:2.8s ease-in-out forwards bs404-flipLegR}.bs-404 .scene.go .m-shinR{animation:2.8s ease-in-out forwards bs404-flipShinR}.bs-404 .scene.go .m-tip{animation:2.8s ease-in-out forwards bs404-flipTip}.bs-404 .scene.go .m-halo{animation:2.8s ease-in-out forwards bs404-flipHalo}.bs-404 .scene.go .m-table{animation:2.8s cubic-bezier(.45,.05,.4,1) forwards bs404-flipTable}.bs-404 .scene.go .m-plate{animation:2.8s cubic-bezier(.3,.1,.5,1) forwards bs404-flipPlate}@keyframes bs404-flipBob{0%,20%{transform:translateY(0)}36%{transform:translateY(10px)}46%{transform:translateY(10px)}58%{transform:translateY(-8px)}70%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes bs404-flipLean{0%,20%{transform:rotate(0)}36%{transform:rotate(9deg)}46%{transform:rotate(9deg)}58%{transform:rotate(-16deg)}70%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes bs404-flipSquash{0%,20%{transform:scale(1)}36%{transform:scaleY(.9)scaleX(1.08)}46%{transform:scaleY(.9)scaleX(1.08)}58%{transform:scaleY(1.1)scaleX(.92)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes bs404-flipAnt{0%,20%{transform:rotate(0)}36%{transform:rotate(11deg)}46%{transform:rotate(11deg)}58%{transform:rotate(-28deg)}70%{transform:rotate(14deg)}84%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes bs404-flipArmL{0%,20%{transform:rotate(0)}36%{transform:rotate(92deg)}46%{transform:rotate(92deg)}58%{transform:rotate(-120deg)}74%{transform:rotate(-150deg)}to{transform:rotate(-146deg)}}@keyframes bs404-flipArmR{0%,20%{transform:rotate(0)}36%{transform:rotate(32deg)}46%{transform:rotate(32deg)}58%{transform:rotate(-130deg)}74%{transform:rotate(-150deg)}to{transform:rotate(-146deg)}}@keyframes bs404-flipForeL{0%,20%{transform:rotate(0)}36%{transform:rotate(40deg)}46%{transform:rotate(40deg)}58%{transform:rotate(-30deg)}to{transform:rotate(-14deg)}}@keyframes bs404-flipForeR{0%,20%{transform:rotate(0)}36%{transform:rotate(-12deg)}46%{transform:rotate(-12deg)}58%{transform:rotate(30deg)}to{transform:rotate(14deg)}}@keyframes bs404-flipLegL{0%,20%{transform:rotate(0)}36%{transform:rotate(-14deg)}46%{transform:rotate(-14deg)}58%{transform:rotate(-5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes bs404-flipShinL{0%,20%{transform:rotate(0)}36%{transform:rotate(26deg)}46%{transform:rotate(26deg)}58%{transform:rotate(7deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes bs404-flipLegR{0%,20%{transform:rotate(0)}36%{transform:rotate(14deg)}46%{transform:rotate(14deg)}58%{transform:rotate(5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes bs404-flipShinR{0%,20%{transform:rotate(0)}36%{transform:rotate(-26deg)}46%{transform:rotate(-26deg)}58%{transform:rotate(-7deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes bs404-flipTip{0%,50%{transform:scale(1)}58%{transform:scale(1.5)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes bs404-flipHalo{0%,50%{opacity:0;transform:scale(.5)}58%{opacity:.55;transform:scale(1.25)}72%,to{opacity:0;transform:scale(.6)}}@keyframes bs404-flipTable{0%,46%{transform:translate(0)rotate(0)}52%{transform:translate(8px,-30px)rotate(42deg)}62%{transform:translate(30px,-58px)rotate(120deg)}72%{transform:translate(52px,-30px)rotate(168deg)}80%{transform:translate(62px)rotate(180deg)}86%{transform:translate(62px,-7px)rotate(184deg)}92%,to{transform:translate(62px)rotate(180deg)}}@keyframes bs404-flipPlate{0%,48%{opacity:1;transform:translate(0)rotate(0)}60%{opacity:1;transform:translate(48px,-84px)rotate(150deg)}72%{opacity:1;transform:translate(128px,-22px)rotate(360deg)}84%,to{opacity:0;transform:translate(196px,52px)rotate(560deg)}}.bs-404 .scene.done .m-table{transform:translate(62px)rotate(180deg)}.bs-404 .scene.done .m-plate{opacity:0}.bs-404 .scene.done .m-armL{transform:rotate(-146deg)}.bs-404 .scene.done .m-armR{transform:rotate(146deg)}.bs-404 .scene.done .m-foreL{transform:rotate(-14deg)}.bs-404 .scene.done .m-foreR{transform:rotate(14deg)}@media (max-width:560px){.bs-404 .nav{padding:18px 20px}}
