.error-page-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex-direction:column;min-height:100vh;display:flex}.error-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:768px){.error-content{flex-direction:column;padding:1.5rem}}.error-wrapper{text-align:center;background:#fff;border-radius:12px;max-width:500px;margin-right:3rem;padding:3rem 2rem;box-shadow:0 10px 40px #0000001a}@media (max-width:768px){.error-wrapper{margin-bottom:2rem;margin-right:0;padding:2rem 1.5rem}}.error-code{color:#ff6b6b;margin-bottom:1rem;font-size:4rem;font-weight:700;display:block}.error-title{color:#2d3436;margin-bottom:1rem;font-size:2rem;font-weight:600}.error-description{color:#636e72;margin-bottom:2rem;font-size:1rem;line-height:1.6}.error-details{text-align:left;background:#f8f9fa;border-left:4px solid #ff6b6b;border-radius:4px;margin-bottom:2rem;padding:1rem}.error-details .error-message{color:#d63031;margin:0;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto}.error-actions{justify-content:center;gap:1rem;display:flex}@media (max-width:480px){.error-actions{flex-direction:column}}.error-btn{cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.error-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.error-btn.primary:active{transform:translateY(0)}.error-btn.secondary{color:#2d3436;background:#f1f3f5;border:1px solid #dee2e6}.error-btn.secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.error-btn.secondary:active{transform:translateY(0)}@media (max-width:480px){.error-btn{width:100%}}.error-illustration{flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.error-illustration svg{color:#667eea;opacity:.8;width:100%;max-width:300px;height:auto;animation:3s ease-in-out infinite float}@media (max-width:768px){.error-illustration{margin-right:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}