redesign complete

src/app/features/not-found/not-found-page.component.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
 import { RouterLink } from '@angular/router';
 import { PageShellComponent } from '../../core/layout/page-shell.component';
 import { SeoService } from '../../core/services/seo.service';
@@ -12,16 +13,24 @@ import { MAIN_NAVIGATION } from '../../shared/config/navigation.config';
   template: `
     <app-page-shell [sections]="sections">
       <section class="not-found shell">
-        <p class="eyebrow mono">404 / Route not found</p>
+        <div class="panel terminal" role="img" aria-label="Terminal reporting that the path was not found">
+          <div class="terminal-bar"><div class="terminal-dots" aria-hidden="true"><span></span><span></span><span></span></div><span class="terminal-title">404</span><span class="terminal-spacer"></span></div>
+          <div class="terminal-body">
+            <div class="terminal-line"><span class="c">$ </span>open {{ path }}</div>
+            <div class="terminal-line"><span class="n">command not found:</span> {{ path }}</div>
+            <div class="terminal-line prompt"><span class="c">$ </span><span class="cursor" aria-hidden="true"></span></div>
+          </div>
+        </div>
         <h1>This path ends here.</h1>
-        <p>The page may have moved. The selected systems and current CV are available from the homepage.</p>
-        <a class="button button-primary" routerLink="/">Return to selected work →</a>
+        <p class="muted">The page may have moved. The selected systems and the CV are one click away.</p>
+        <a class="btn btn-line" routerLink="/">cd ~/</a>
       </section>
     </app-page-shell>
   `
 })
 export class NotFoundPageComponent {
   readonly sections = MAIN_NAVIGATION;
+  readonly path = inject(DOCUMENT).location?.pathname || '/unknown';
 
   constructor() {
     inject(SeoService).update({