.sm404{--ink:#0d1117;--muted:#5b6675;--faint:#8b93a3;--line:#e7e9ee;--brand:#4f39f6;--brand-2:#9333ea;--ok:#0c8a51;--canvas:#f7f8fa;--surface:#fff;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;isolation:isolate;background:var(--canvas);min-height:100dvh;color:var(--ink);font-family:var(--font-outfit), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;padding:clamp(20px,3.4vw,40px) clamp(20px,4.5vw,56px);display:flex;position:relative;overflow:hidden}.sm404:before{content:"";z-index:-2;background-image:radial-gradient(circle at 1px 1px,#0d111721 1px,#0000 0);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(115% 85% at 72% 12%,#000 0%,#0000 72%);mask-image:radial-gradient(115% 85% at 72% 12%,#000 0%,#0000 72%)}.sm404:after{content:"";z-index:-3;filter:blur(6px);background:radial-gradient(42% 55% at 78% 22%,#4f39f629,#0000 70%),radial-gradient(38% 48% at 18% 8%,#9333ea1c,#0000 70%);height:90%;position:absolute;inset:-20% -10% auto}.sm404-brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;width:fit-content;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.sm404-brand span{color:var(--brand)}.sm404-mark{flex:none;display:block}.sm404-main{flex:1;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);width:100%;max-width:1220px;margin:0 auto;padding:clamp(18px,3.2vh,48px) 0;display:grid}.sm404-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 13px 6px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.sm404-eyebrow i{background:var(--brand);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #4f39f624}.sm404-title{letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;font-size:clamp(40px,6.4vw,76px);font-weight:800;line-height:.98}.sm404-title em{font-family:var(--font-fraunces), Georgia, "Times New Roman", serif;letter-spacing:-.028em;background:linear-gradient(96deg, var(--brand), var(--brand-2) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-style:italic;font-weight:500;display:block}.sm404-lede{color:var(--muted);max-width:46ch;margin:0 0 30px;font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.62}.sm404-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sm404-btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .16s cubic-bezier(.22,.8,.36,1),background .16s,box-shadow .16s;display:inline-flex}.sm404-btn svg{transition:transform .16s cubic-bezier(.22,.8,.36,1)}.sm404-btn-primary{background:var(--ink);color:#fff;box-shadow:0 1px 2px #0d111747,0 10px 26px -12px #0d11178c}.sm404-btn-primary:hover{background:#1c2430;transform:translateY(-1px)}.sm404-btn-primary:hover svg{transform:translate(3px)}.sm404-btn-ghost{color:var(--ink);padding-inline:14px}.sm404-btn-ghost:hover{background:#0d11170d}.sm404-meta{flex-wrap:wrap;gap:12px clamp(28px,5vw,56px);margin-top:clamp(34px,6vh,56px);display:flex}.sm404-meta dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;font-size:10.5px}.sm404-meta dd{margin:0;font-size:14px;font-weight:600}.sm404-meta a{color:var(--ink);border-bottom:1px solid #0d11172e;padding-bottom:1px;text-decoration:none}.sm404-meta a:hover{border-bottom-color:var(--brand);color:var(--brand)}.sm404-status{color:var(--ok);align-items:center;gap:7px;display:inline-flex}.sm404-status i{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite sm404-pulse}@keyframes sm404-pulse{0%,to{box-shadow:0 0 #0c8a5173}70%{box-shadow:0 0 0 6px #0c8a5100}}.sm404-foot{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:10.5px;display:flex}.sm404-foot a{color:var(--faint);text-decoration:none}.sm404-foot a:hover{color:var(--ink)}.sm404-art{aspect-ratio:1/.94;justify-self:end;width:100%;max-width:560px;margin-inline:auto;position:relative;container-type:inline-size}.sm404-art-glow{filter:blur(30px);z-index:0;background:radial-gradient(50% 50%,#4f39f633,#0000 70%);border-radius:50%;position:absolute;inset:6% 2% 14% 4%}.sm404-win-back{z-index:1}.sm404-num{z-index:2}.sm404-win-front{z-index:3}.sm404-tag,.sm404-pill{z-index:4}.sm404-promo{z-index:5}.sm404-win{background:var(--surface);border:1px solid var(--line);border-radius:3.4cqw;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0d11170d,0 18px 40px -20px #0d11174d}.sm404-win-bar{border-bottom:1px solid var(--line);background:#fcfcfd;align-items:center;gap:1.3cqw;padding:2.2cqw 2.8cqw;display:flex}.sm404-dot{background:#e2e5ea;border-radius:50%;width:1.5cqw;height:1.5cqw}.sm404-win-url{font-family:var(--mono);letter-spacing:.1em;color:var(--faint);margin-left:auto;font-size:2.05cqw}.sm404-win-back{width:80%;height:54%;top:0;left:0;transform:rotate(-2.6deg)}.sm404-skel{gap:2.2cqw;padding:3.4cqw;display:grid}.sm404-skel-row{gap:2.2cqw;display:flex}.sm404-skel-box{background:repeating-linear-gradient(-45deg,#0d111706 0 6px,#0000 6px 12px);border:1.5px dashed #dcdfe6;border-radius:2cqw;flex:1;height:11cqw}.sm404-skel-line{background:#eef0f4;border-radius:999px;height:1.9cqw}.sm404-skel-line.is-short{width:42%}.sm404-num{letter-spacing:-.06em;color:var(--ink);text-shadow:0 24px 50px #0d111729;align-items:center;gap:.6cqw;font-size:26cqw;font-weight:800;line-height:.78;display:flex;position:absolute;top:29%;left:3%}.sm404-o{background:linear-gradient(var(--canvas), var(--canvas)) padding-box, linear-gradient(140deg, var(--brand), var(--brand-2)) border-box;border:2.6cqw solid #0000;border-radius:50%;width:17.5cqw;height:17.5cqw;position:relative}.sm404-o:after{content:"";background:radial-gradient(circle 1.5cqw at 50% 0, var(--brand-2) 98%, transparent);border-radius:50%;animation:7s linear infinite sm404-orbit;position:absolute;inset:-2.6cqw}@keyframes sm404-orbit{to{transform:rotate(360deg)}}.sm404-win-front{width:50%;bottom:6%;right:1.5%;transform:rotate(2.4deg)}.sm404-preview{gap:2.2cqw;padding:3cqw;display:grid}.sm404-preview-hero{background:linear-gradient(135deg,#eceaff,#f6f2ff 55%,#eafaf1);border-radius:2cqw;height:15cqw;position:relative;overflow:hidden}.sm404-preview-hero:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffffbf 50%,#0000 65%);animation:3.6s ease-in-out infinite sm404-sheen;position:absolute;inset:0}@keyframes sm404-sheen{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}.sm404-preview-grid{grid-template-columns:repeat(3,1fr);gap:1.8cqw;display:grid}.sm404-preview-grid span{background:#f1f3f7;border-radius:1.4cqw;height:7cqw}.sm404-preview-grid span:nth-child(2){background:#eceaff}.sm404-tag{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);white-space:nowrap;font-size:2.1cqw;position:absolute}.sm404-tag-a{top:63%;left:4.5%}.sm404-pill{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);background:#eceaff;border:1px solid #4f39f62e;border-radius:999px;padding:1.3cqw 2.8cqw;font-size:2.1cqw;font-weight:600;animation:5s ease-in-out infinite sm404-bob;position:absolute;top:51%;left:36%;transform:rotate(-3deg)}@keyframes sm404-bob{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-6px)}}.sm404-promo{background:var(--ink);color:#fff;border-radius:3.4cqw;align-items:center;gap:2.6cqw;width:62%;padding:3cqw;text-decoration:none;transition:transform .18s cubic-bezier(.22,.8,.36,1),box-shadow .18s;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 22px 46px -22px #0d1117b8}.sm404-promo:hover{transform:translateY(-3px);box-shadow:0 30px 54px -22px #0d1117c7}.sm404-promo-icon{background:linear-gradient(140deg, var(--brand), var(--brand-2));border-radius:2.4cqw;flex:none;place-items:center;width:8.4cqw;height:8.4cqw;display:grid}.sm404-promo-icon svg{width:4cqw;height:4cqw}.sm404-promo b{letter-spacing:-.01em;font-size:2.9cqw;font-weight:600;display:block}.sm404-promo small{font-family:var(--mono);letter-spacing:.1em;color:#ffffff9e;margin-top:.5cqw;font-size:2.1cqw;display:block}.sm404-promo-arrow{color:#ffffff80;flex:none;width:3.4cqw;height:3.4cqw;margin-left:auto}@keyframes sm404-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sm404-rise{animation:.6s cubic-bezier(.22,.8,.36,1) both sm404-rise}.sm404-rise-1{animation-delay:60ms}.sm404-rise-2{animation-delay:.13s}.sm404-rise-3{animation-delay:.2s}.sm404-rise-4{animation-delay:.27s}@media (max-width:1000px){.sm404-main{grid-template-columns:minmax(0,1fr);gap:clamp(36px,8vw,60px);padding-top:clamp(24px,5vh,48px)}.sm404-art{order:2;justify-self:center;max-width:460px}.sm404-title{font-size:clamp(38px,9.5vw,60px)}}@media (max-width:560px){.sm404-cta{flex-direction:column;align-items:stretch;gap:6px}.sm404-btn-primary,.sm404-btn-ghost{justify-content:center}.sm404-foot{letter-spacing:.12em;font-size:9.5px}}@media (prefers-reduced-motion:reduce){.sm404-rise,.sm404-o:after,.sm404-pill,.sm404-preview-hero:after,.sm404-status i{animation:none!important}.sm404-btn,.sm404-promo{transition:none}}