.nu-404{background:var(--color-dark-bg);color:var(--color-dark-text);font-family:var(--font-switzer), var(--font-sans);font-weight:var(--fw-regular);line-height:var(--lh-body);min-height:100svh;display:flex}body:has(.nu-404) .nu-brand{color:var(--color-dark-text)}.nu-404__main{isolation:isolate;padding:clamp(120px, 20vh, 200px) var(--margin) clamp(80px, 12vh, 140px);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.nu-404__main:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 8%, color-mix(in srgb, var(--blue-base) 12%, transparent), transparent 60%), linear-gradient(to bottom, var(--color-dark-surface), var(--color-dark-bg) 62%);position:absolute;inset:0}.nu-404__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:42rem;display:flex;position:relative}.nu-404__code{font-size:clamp(6rem,20vw,13rem);font-weight:var(--fw-light);letter-spacing:-.04em;color:color-mix(in srgb, var(--blue-base) 26%, var(--color-dark-bg));line-height:1}.nu-404__title{font-size:var(--text-display);font-weight:var(--fw-light);line-height:var(--lh-display);letter-spacing:-.02em;color:var(--color-dark-text);text-wrap:balance;margin-top:clamp(8px,1.5vh,16px)}.nu-404__sub{max-width:40ch;font-size:var(--text-lead);font-weight:var(--fw-light);line-height:var(--lh-lead);color:var(--color-dark-text-secondary);text-wrap:pretty;margin-top:clamp(16px,2.4vh,24px)}.nu-404__actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:clamp(28px,4vh,44px);display:flex}.nu-404 .nu-btn--primary .nu-btn__arrow{background:var(--blue-base);color:var(--white)}.nu-404 .nu-btn--secondary{color:var(--color-dark-text);border-color:color-mix(in srgb, var(--color-dark-text) 38%, transparent)}.nu-404 .nu-btn--secondary .nu-btn__arrow{border-color:color-mix(in srgb, var(--color-dark-text) 38%, transparent);color:var(--color-dark-text)}@media (hover:hover) and (pointer:fine){.nu-404 .nu-btn--secondary:hover{background:color-mix(in srgb, var(--color-dark-text) 10%, transparent);border-color:var(--color-dark-text)}}@media (max-width:480px){.nu-404__actions{align-self:stretch;gap:var(--space-3);flex-direction:column}.nu-404__actions .nu-btn{width:100%}}