.error-404-page{background:radial-gradient(120% 80% at 85% 15%, color-mix(in srgb, var(--primary) 18%, transparent) 0%, transparent 55%), radial-gradient(90% 70% at 10% 85%, color-mix(in srgb, var(--info) 12%, transparent) 0%, transparent 50%), linear-gradient(160deg, var(--surface-low) 0%, var(--surface) 45%, var(--surface-container) 100%);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.error-404-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--primary) 8%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--primary) 8%, transparent) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.error-404-content{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:2.5rem 3rem;width:100%;max-width:72rem;margin:0 auto;padding:2.5rem 1.25rem 3.5rem;display:grid;position:relative}.error-404-copy{max-width:34rem}.error-404-brand{font-family:"Brother1816-Bold", var(--font-display);letter-spacing:-.04em;color:var(--on-surface);margin:0 0 1.75rem;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1}.error-404-code{font-family:"Brother1816-Black", var(--font-display);letter-spacing:-.06em;color:var(--primary);margin:0 0 1rem;font-size:clamp(5.5rem,16vw,9.5rem);line-height:.85;animation:.9s cubic-bezier(.22,1,.36,1) both error404CodeIn}.error-404-title{font-family:"Brother1816-Bold", var(--font-display);letter-spacing:-.03em;color:var(--on-surface);margin:0 0 .85rem;font-size:clamp(1.5rem,3.2vw,2.25rem);line-height:1.15;animation:.7s ease-out .12s both error404FadeUp}.error-404-text{color:var(--on-surface-variant);max-width:28rem;margin:0 0 1.75rem;font-size:1.05rem;line-height:1.55;animation:.7s ease-out .22s both error404FadeUp}.error-404-actions{flex-wrap:wrap;gap:.75rem;animation:.7s ease-out .32s both error404FadeUp;display:flex}.error-404-visual{justify-content:center;align-items:center;min-height:280px;animation:.8s ease-out .18s both error404FadeUp;display:flex;position:relative}.error-404-visual-glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--primary) 28%, transparent) 0%, transparent 70%);filter:blur(8px);border-radius:50%;width:min(420px,80%);animation:5s ease-in-out infinite error404Pulse;position:absolute}.error-404-visual img{width:min(360px,85%);height:auto;animation:5.5s ease-in-out infinite error404Float;position:relative}@media (width<=900px){.error-404-content{text-align:center;grid-template-columns:1fr;gap:1.5rem}.error-404-copy{order:2;max-width:none}.error-404-visual{order:1;min-height:220px}.error-404-text{margin-left:auto;margin-right:auto}.error-404-actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.error-404-code,.error-404-title,.error-404-text,.error-404-actions,.error-404-visual,.error-404-visual-glow,.error-404-visual img{animation:none!important}}@keyframes error404CodeIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes error404FadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes error404Float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes error404Pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}