@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500&display=swap";
.page-404{--page404-bg:var(--bg,#0f1115);--page404-card:var(--card,#171a21);--page404-text:var(--text,#e6e6e6);--page404-muted:var(--muted,#9aa4b2);--page404-accent:var(--accent-blue-main,#2563eb);--page404-accent-soft:var(--accent-blue-soft,#60a5fa);--page404-blob-1:#2563eb26;--page404-blob-2:#8b5cf61f;--page404-blob-3:#06b6d41a;background:var(--page404-bg);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.page-404__bg{pointer-events:none;position:absolute;inset:0}.page-404__blob{filter:blur(80px);opacity:.8;border-radius:50%;animation:18s ease-in-out infinite page404-blob;position:absolute}.page-404__blob--1{background:var(--page404-blob-1);width:min(70vw,520px);height:min(70vw,520px);animation-delay:0s;top:-20%;left:-10%}.page-404__blob--2{background:var(--page404-blob-2);width:min(50vw,380px);height:min(50vw,380px);animation-delay:-6s;bottom:-15%;right:-5%}.page-404__blob--3{background:var(--page404-blob-3);width:min(40vw,300px);height:min(40vw,300px);animation-delay:-12s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes page404-blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-8%)scale(1.05)}66%{transform:translate(-5%,5%)scale(.98)}}.page-404__grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000,#0000 70%);mask-image:radial-gradient(80% 80%,#000,#0000 70%)}.page-404__content{z-index:1;text-align:center;max-width:420px;padding:24px 20px;position:relative}.page-404__code{letter-spacing:.02em;justify-content:center;align-items:center;gap:clamp(8px,3vw,16px);margin:0 0 8px;font-family:Syne,sans-serif;font-size:clamp(5rem,18vw,10rem);font-weight:700;font-stretch:100%;line-height:1;display:flex}.page-404__digit{background:linear-gradient(165deg,var(--page404-text)0%,var(--page404-muted)100%);color:#0000;text-shadow:0 0 40px #60a5fa33;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite page404-digit}.page-404__digit:nth-child(2){animation-delay:.2s}.page-404__digit:nth-child(3){animation-delay:.4s}.page-404__digit--zero{background:linear-gradient(165deg,var(--page404-accent-soft)0%,var(--page404-accent)50%,var(--page404-accent-soft)100%);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite page404-zero-shine,4s ease-in-out .2s infinite page404-digit}@keyframes page404-digit{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes page404-zero-shine{0%,to{background-position:0%}50%{background-position:100%}}.page-404__title{color:var(--page404-text);letter-spacing:-.02em;margin:0 0 12px;font-family:Syne,sans-serif;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700}.page-404__description{color:var(--page404-muted);margin:0 0 28px;font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.6}.page-404__btn{color:#fff;background:linear-gradient(135deg,var(--page404-accent)0%,var(--page404-accent-soft)100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #2563eb59}.page-404__btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb73}.page-404__btn:active{transform:translateY(0)}[data-theme=light] .page-404{--page404-blob-1:#2563eb1f;--page404-blob-2:#8b5cf61a;--page404-blob-3:#06b6d414}[data-theme=light] .page-404__grid{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}