.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e9ecef);animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-card{max-width:480px;width:100%;background-color:#fff;border-radius:16px;padding:4rem 2.5rem;box-shadow:0 8px 24px #0000000f;text-align:center}.error-title{font-size:1.75rem;font-weight:600;color:#1f2937;margin:0 0 1rem;line-height:1.3}.error-message{color:#6b7280;font-size:1.0625rem;line-height:1.6;margin:0 0 2.5rem}.error-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.error-home{padding:.875rem 2.5rem;background-color:#2563eb;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;font-size:1rem;transition:all .2s ease;display:inline-block;box-shadow:0 2px 8px #2563eb33}.error-home:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.error-home:active{transform:translateY(0)}.error-home:focus{outline:none;box-shadow:0 0 0 3px #2563eb4d}.error-refresh{background:none;border:none;color:#6b7280;font-size:.9375rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:.5rem;transition:color .2s ease}.error-refresh:hover{color:#374151}.error-refresh:focus{outline:none;color:#374151}@media (max-width: 640px){.error-page{padding:1rem}.error-card{padding:3rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}}