.error-page-wrapper{background:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:DM Sans,sans-serif;display:flex}.error-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:600px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.error-card:before{content:"";background:radial-gradient(circle,#ff6a0033 0%,#fff0 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.error-card:after{content:"";background:radial-gradient(circle,#0040851a 0%,#fff0 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;left:-50px}@keyframes floatIcon{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.error-illustration{z-index:2;margin-bottom:20px;font-size:80px;line-height:1;animation:4s ease-in-out infinite floatIcon;position:relative}.error-code{color:var(--text-primary);letter-spacing:-4px;z-index:2;margin:0 0 10px;font-size:6rem;font-weight:900;line-height:1;position:relative}.error-code.code-404{background:linear-gradient(135deg, var(--text-primary) 0%, #4a4a75 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-code.code-500{background:linear-gradient(135deg, var(--primary-blue) 0%, #0056b3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-code.code-403{background:linear-gradient(135deg, var(--accent-orange) 0%, #ff9800 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-title{color:var(--text-primary);z-index:2;margin:0 0 16px;font-size:1.8rem;font-weight:800;position:relative}.error-description{color:var(--text-secondary);z-index:2;max-width:400px;margin:0 auto 32px;font-size:15px;line-height:1.6;position:relative}.error-actions{z-index:2;justify-content:center;gap:16px;display:flex;position:relative}.btn-error{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-error.primary{background:var(--accent-orange);color:var(--text-primary)}.btn-error.primary:hover{background:#e65c00;transform:translateY(-2px);box-shadow:0 6px 16px #ff6a004d}.btn-error.secondary{color:var(--text-primary);background:#fff;border:1px solid #e0e0e0}.btn-error.secondary:hover{background:#f8f9fa;border-color:#d0d0d0}@media (max-width:576px){.error-card{padding:40px 20px}.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.btn-error{justify-content:center;width:100%}}