.site-404{min-height:100dvh;padding:var(--space-8) var(--space-6);background:var(--color-surface-sunken);color:var(--color-text);place-items:center;display:grid}.site-404__panel{width:100%;max-width:30rem;padding:var(--space-10) var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center}.site-404__logo{width:auto;height:1.5rem;margin-bottom:var(--space-8)}.site-404__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-semibold)}.site-404__lead{margin:0 0 var(--space-8);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.site-404__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.site-404__button{min-height:var(--ctl-h-md);padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:inline-flex}.site-404__button:hover{border-color:var(--color-border-strong)}.site-404__button--primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:#0000}.site-404__button--primary:hover{background:var(--color-accent-hover);border-color:#0000}