.error-page{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;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{opacity:0;margin-bottom:32px;animation:1s cubic-bezier(.16,1,.3,1) .2s forwards errorIconBounce;transform:translateY(20px)scale(.8)}.error-page .error-icon svg{color:#ff4757;filter:drop-shadow(0 4px 12px #ff47574d)}.error-page .error-content{margin-bottom:40px}.error-page .error-content .error-title{color:#fff;opacity:0;margin:0 0 16px;font-size:24px;font-weight:700;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:#e1e5ee;opacity:0;margin:0 0 16px;font-size:16px;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:#878787;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#3232324d;border-radius:8px;padding:8px 12px;font-family:PT Mono,monospace;font-size:12px;font-weight:600;animation:.6s cubic-bezier(.16,1,.3,1) .6s forwards errorTextSlide;display:inline-block;transform:translateY(20px)}.error-page .error-actions{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.error-page .error-actions .action-button{cursor:pointer;opacity:0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;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,#0000,#ffffff1a,#0000);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{color:#fff;background:#ffffff1a;animation-delay:.7s}.error-page .error-actions .action-button.primary:hover{background:#ffffff26}.error-page .error-actions .action-button.secondary{color:#e1e5ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3232324d;animation-delay:.8s}.error-page .error-actions .action-button.secondary:hover{color:#fff;background:#3c3c3c4d;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:#878787;opacity:0;margin:0;font-size:13px;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{background:radial-gradient(circle,#ff47571a 0%,#0000 70%);border-radius:50%;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:16px}.error-page .error-content .error-title{font-size:20px}.error-page .error-content .error-message{font-size:14px}.error-page .error-actions .action-button{padding:14px 20px;font-size:14px}}.error-page.network-error .error-icon svg{color:#ffa502}.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%)}