.error-page{min-height:calc(100vh - var(--header-height) - 120px);display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + 3rem) 2rem 3rem}.error-container{max-width:560px;text-align:center;padding:clamp(2.5rem,5vw,4rem);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden}.error-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.02;background-image:repeating-linear-gradient(-45deg,var(--color-text) 0,var(--color-text) 1px,transparent 0,transparent 16px)}.error-illustration{width:64px;height:64px;margin:0 auto 2rem;color:var(--color-text-secondary);opacity:.4}.error-illustration svg{width:100%;height:100%}.error-code{font-family:var(--font-display);font-size:clamp(5rem,12vw,8rem);font-weight:700;line-height:1;margin-bottom:1rem;color:var(--color-primary);position:relative;animation:codeFloat 4s ease-in-out infinite}@keyframes codeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.error-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-text)}.error-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2rem}.error-actions{display:flex;gap:.75rem;justify-content:center}.error-btn{display:inline-flex;align-items:center;gap:.5rem}.error-403 .error-code{color:#ef4444}.error-500 .error-code{color:#f59e0b}.error-503 .error-code{color:#10b981}.error-419 .error-code{color:#8b5cf6}@media (max-width: 640px){.error-container{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-actions .button{width:100%}}