.error-page{width:100%;min-height:100vh;padding:var(--space-5);background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.error-page .error-container{text-align:center;z-index:2;width:100%;max-width:400px;animation:.8s cubic-bezier(.16,1,.3,1) forwards errorFadeIn;position:relative}.error-page .error-icon{margin-bottom:var(--space-8);opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards errorIconBounce;transform:translateY(20px)scale(.8)}.error-page .error-icon svg{color:var(--danger);filter:drop-shadow(0 4px 12px #ff47574d)}.error-page .error-content{margin-bottom:40px}.error-page .error-content .error-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-4) 0;opacity:0;line-height:1.3;animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards errorTextSlide;transform:translateY(20px)}.error-page .error-content .error-message{color:var(--text-primary);font-size:var(--text-md);margin:0 0 var(--space-4) 0;opacity:0;line-height:1.5;animation:.6s cubic-bezier(.16,1,.3,1) .5s forwards errorTextSlide;transform:translateY(20px)}.error-page .error-content .error-code{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--stroke);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .6s forwards errorTextSlide;display:inline-block;transform:translateY(20px)}.error-page .error-actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.error-page .error-actions .action-button{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:var(--weight-semibold);cursor:pointer;opacity:0;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards errorButtonSlide;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.error-page .error-actions .action-button:before{content:"";background:linear-gradient(90deg, transparent, var(--overlay-10), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.error-page .error-actions .action-button:hover:before{left:100%}.error-page .error-actions .action-button:active{transform:translateY(1px)scale(.98)}.error-page .error-actions .action-button.primary{background:var(--overlay-10);color:var(--text-primary);animation-delay:.7s}@media (hover:hover){.error-page .error-actions .action-button.primary:hover{background:var(--overlay-15)}}.error-page .error-actions .action-button.secondary{background:var(--surface-2);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation-delay:.8s}@media (hover:hover){.error-page .error-actions .action-button.secondary:hover{background:var(--surface-3);color:var(--text-primary);transform:translateY(-2px)}}.error-page .error-actions .action-button svg{transition:transform .2s}.error-page .error-actions .action-button:hover svg{transform:scale(1.1)}.error-page .error-footer .help-text{color:var(--text-secondary);font-size:var(--text-sm);opacity:0;margin:0;line-height:1.4;animation:.6s cubic-bezier(.16,1,.3,1) .9s forwards errorTextSlide;transform:translateY(20px)}.error-page .error-decoration{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.error-page .error-decoration .decoration-circle{border-radius:var(--radius-full);background:radial-gradient(circle, var(--danger-soft) 0%, transparent 70%);animation:6s ease-in-out infinite decorationFloat;position:absolute}.error-page .error-decoration .decoration-circle.circle-1{width:200px;height:200px;animation-delay:0s;top:10%;left:-50px}.error-page .error-decoration .decoration-circle.circle-2{width:150px;height:150px;animation-delay:2s;bottom:20%;right:-30px}.error-page .error-decoration .decoration-circle.circle-3{width:100px;height:100px;animation-delay:4s;top:60%;left:20%}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes errorIconBounce{0%{opacity:0;transform:translateY(20px)scale(.8)}60%{opacity:1;transform:translateY(-5px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes errorTextSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes errorButtonSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes decorationFloat{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.1;transform:translateY(-20px)rotate(180deg)}}@media (max-width:480px){.error-page{padding:var(--space-4)}.error-page .error-content .error-title{font-size:var(--text-lg)}.error-page .error-content .error-message{font-size:var(--text-base)}.error-page .error-actions .action-button{padding:var(--space-4) var(--space-5);font-size:var(--text-base)}}.error-page.network-error .error-icon svg{color:var(--warning)}.error-page.network-error .error-decoration .decoration-circle{background:radial-gradient(circle,#ffa5021a 0%,#0000 70%)}.error-page.not-found .error-icon svg{color:#5f27cd}.error-page.not-found .error-decoration .decoration-circle{background:radial-gradient(circle,#5f27cd1a 0%,#0000 70%)}