.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg);padding:var(--space-5);animation:error-fade-in .3s ease-out}.error-page__content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.error-page__logo{width:80px;height:80px;object-fit:contain;margin-bottom:var(--space-6);opacity:.85}.error-page__code{font-size:3.5rem;line-height:1}.error-page__code,.error-page__title{font-weight:600;color:var(--color-primary);margin-bottom:var(--space-2)}.error-page__title{font-size:var(--text-xl)}.error-page__message{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6;margin-bottom:var(--space-8)}.error-page__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.error-page__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-7);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.error-page__btn:hover{opacity:.85;transform:translateY(-1px)}.error-page__btn:active{transform:translateY(0)}.error-page__btn--primary{background:var(--color-primary);color:var(--color-bg);border:none}.error-page__btn--secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-border);text-decoration:none}.error-page__btn--secondary:hover{border-color:var(--color-primary)}@keyframes error-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.error-page__code{font-size:2.5rem}.error-page__actions{flex-direction:column;width:100%}.error-page__btn{width:100%}}