.error-page{min-height:100vh;padding-top:var(--navbar-height);padding-left:var(--space-6);padding-right:var(--space-6);text-align:center;background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex}.error-page-code{font-size:8rem;font-weight:var(--font-bold);color:var(--color-primary-500);opacity:.15;margin:0;line-height:1}.error-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:var(--space-2) 0 var(--space-3)}.error-page-description{font-size:var(--text-sm);color:var(--color-gray-500);max-width:400px;margin:0 0 var(--space-8);line-height:1.6}.error-page-button{padding:var(--space-2-5) var(--space-6);background-color:var(--color-primary-500);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;text-decoration:none;display:inline-block}.error-page-button:hover{background-color:var(--color-primary-600);color:#fff}.offline-banner{z-index:9999;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);background-color:#111827;display:flex;position:fixed;bottom:0;left:0;right:0}.offline-banner svg{font-size:var(--text-lg);flex-shrink:0}