.error-page-section{min-height:calc(80vh - 120px);padding:var(--spacing-12) 0;justify-content:center;align-items:center;width:100%;display:flex}.error-page-container{justify-content:center;align-items:center;width:100%;display:flex}.error-state-card{text-align:center;background-color:var(--color-surface-card);border:var(--border-width-thick,2px) solid var(--color-border-default);border-radius:var(--radius-md,6px);width:100%;max-width:680px;padding:var(--spacing-10) var(--spacing-8);box-shadow:var(--shadow-offset-default,6px 6px 0px #111);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;align-items:center;margin:0 auto;display:flex}.error-state-card:hover{border-color:var(--color-border-interactive);box-shadow:var(--shadow-offset-hover,6px 6px 0px #991325)}.error-illustration-container{margin-bottom:var(--spacing-6);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.error-svg{max-width:100%;height:auto;display:block;overflow:visible}.error-content-container{flex-direction:column;align-items:center;width:100%;max-width:540px;display:flex}.error-badge{align-items:center;gap:var(--spacing-2);background-color:var(--color-neutral-100);border:1px solid var(--color-border-default);border-radius:var(--radius-full,9999px);padding:var(--spacing-1) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-4);line-height:1.4;display:inline-flex}.error-badge-dot{background-color:var(--color-primary-500);border-radius:50%;width:6px;height:6px;display:inline-block}.error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-text-primary);margin-bottom:var(--spacing-3);letter-spacing:-.01em;line-height:1.35}.error-description{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:480px;line-height:1.7}.error-actions{justify-content:center;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;width:100%;display:flex}.error-action-primary,.error-action-secondary{min-width:160px}.error-btn-loading{align-items:center;gap:var(--spacing-2);display:inline-flex}.error-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite errorSpin}.error-dev-details{margin-top:var(--spacing-8);text-align:right;border-top:1px dashed var(--color-border-default);width:100%;padding-top:var(--spacing-4)}.error-dev-toggle{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:underline}.error-dev-toggle:hover{color:var(--color-primary-500)}.error-dev-stack{margin-top:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-neutral-900);color:#0f6;border-radius:var(--radius-sm);text-align:left;white-space:pre-wrap;word-break:break-all;direction:ltr;max-height:200px;font-family:monospace;font-size:12px;overflow-x:auto}@keyframes errorSpin{to{transform:rotate(360deg)}}@keyframes errorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes errorFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes errorFloatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.error-pulse{transform-origin:50%;animation:2.5s ease-in-out infinite errorPulse}.error-float-slow{animation:3.5s ease-in-out infinite errorFloatSlow}.error-float-fast{animation:2.2s ease-in-out infinite errorFloatFast}.error-spin-slow{transform-origin:50%;animation:12s linear infinite errorSpin}@media (prefers-reduced-motion:reduce){.error-pulse,.error-float-slow,.error-float-fast,.error-spin-slow{animation:none!important}.error-state-card{transition:none!important}}@media (max-width:767px){.error-page-section{padding:var(--spacing-8) 0;min-height:calc(75vh - 100px)}.error-state-card{padding:var(--spacing-8) var(--spacing-5)}.error-title{font-size:var(--font-size-lg)}.error-description{font-size:var(--font-size-xs);margin-bottom:var(--spacing-6)}.error-actions{gap:var(--spacing-3);flex-direction:column}.error-action-primary,.error-action-secondary{width:100%;min-width:100%}}