.error-page{background-color:var(--background-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.error-container{background-color:var(--surface-2);text-align:center;border-radius:20px;width:100%;max-width:500px;padding:60px 50px;animation:.5s ease-in errorFadeIn;box-shadow:0 2px 10px #0000001a}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{margin-bottom:20px;font-size:4rem;line-height:1}.error-container h1{color:var(--text-color);margin-bottom:15px;font-size:2rem;font-weight:600}.error-container p{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.error-btn{cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.error-btn-primary{background-color:var(--primary-color);color:var(--button-text)}.error-btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.error-btn-secondary{background-color:var(--surface-3);color:var(--text-color)}.error-btn-secondary:hover{background-color:var(--surface-4);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}@media (max-width:480px){.error-container{padding:40px 30px}.error-icon{font-size:3rem}.error-container h1{font-size:1.5rem}.error-container p{font-size:1rem}.error-actions{flex-direction:column}.error-btn{width:100%}}