.notfound{text-align:center;color:#fff;isolation:isolate;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px;display:flex;position:relative;overflow:hidden}.notfound .bg{z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.notfound:after{content:"";z-index:-1;background:linear-gradient(#0c2027c7,#0c2027e6);position:absolute;inset:0}.nf-inner{max-width:680px}.nf-code{font-size:var(--text-display-lg);font-weight:var(--fw-semibold);line-height:var(--lh-display);letter-spacing:var(--ls-num);color:var(--accent-2);text-shadow:0 4px 30px #0006;margin:0}.nf-title{font-size:var(--text-display-sm);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-heading);text-transform:uppercase;margin:14px 0 0}.nf-title em{color:var(--accent-2);font-style:normal}.nf-sub{line-height:var(--lh-relaxed);color:var(--dark-text);max-width:52ch;margin:22px auto 36px}.nf-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:inline-flex}.btn-ghost-dark{color:#fff;font-size:var(--text-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-caps-tight);text-transform:uppercase;border-bottom:1px solid #ffffff8c;padding-bottom:6px}.btn-ghost-dark:hover{border-color:var(--accent-2);color:var(--accent-2)}