.error-403-illustration{display:inline-block;position:relative}.error-403-illustration__shield{margin:0 auto;animation:3s ease-in-out infinite error403Float;position:relative}.error-403-illustration__shield--large{width:180px;height:180px}.error-403-illustration__shield--small{width:120px;height:120px}.error-403-illustration__shield-background{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);width:100%;height:100%;animation:2s ease-in-out infinite error403Pulse;position:relative;box-shadow:0 10px 40px #ff98004d}.error-403-illustration__x-mark{color:#fff;text-shadow:0 2px 10px #0003;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-403-illustration__x-mark--large{font-size:80px}.error-403-illustration__x-mark--small{font-size:60px}.error-403-illustration__particle{opacity:.6;background:#ffc107;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%}@keyframes error403Float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes error403Pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes error403Particle{0%,to{opacity:.6;scale:1}50%{opacity:1;scale:1.5}}
.error-404-illustration{margin-bottom:3rem;position:relative}.error-404-illustration__background{z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-404-illustration__outer-circle{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:50%;width:300px;height:300px;animation:20s linear infinite error404Rotate;position:relative}.error-404-illustration__inner-circle{background:linear-gradient(135deg,#ec48991a,#8b5cf61a);border-radius:50%;width:200px;height:200px;animation:15s linear infinite reverse error404Rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-404-illustration__text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:#0000;letter-spacing:15px;z-index:1;text-shadow:0 10px 30px #667eea4d;-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,20vw,160px);font-weight:900;animation:3s infinite error404Glitch;position:relative}.error-404-illustration__question-mark{z-index:2;position:absolute;top:-30px;right:-30px}.error-404-illustration__question-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;animation:2s infinite error404Bounce;display:flex;box-shadow:0 10px 30px #667eea66}.error-404-illustration__dot{opacity:.6;border-radius:50%;width:10px;height:10px;position:absolute}.error-404-illustration__dot--even{background:linear-gradient(135deg,#667eea,#764ba2)}.error-404-illustration__dot--odd{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes error404Rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes error404Bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes error404Glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-5px)}94%{transform:translate(5px)}96%{transform:translate(-5px)}98%{transform:translate(5px)}}@keyframes error404Float{0%,to{opacity:.6;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-20px)translate(10px)}}
.connection-error{width:250px;height:250px;margin:0 auto 2rem;position:relative}.connection-error__container{width:100%;height:100%;position:relative}.connection-error__plug{animation:2s ease-in-out infinite connErrorSlideLeft;position:absolute;top:50%;left:0;transform:translateY(-50%)}.connection-error__socket{animation:2s ease-in-out infinite connErrorSlideRight;position:absolute;top:50%;right:0;transform:translateY(-50%)}.connection-error__plug-body,.connection-error__socket-body{border-radius:10px;width:80px;height:100px;position:relative}.connection-error__plug-body{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef44444d}.connection-error__socket-body{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 10px 30px #6b72804d}.connection-error__plug-pin{background:#b91c1c;border-radius:0 3px 3px 0;width:15px;height:10px;position:absolute;right:-15px}.connection-error__plug-pin--top{top:30%}.connection-error__plug-pin--bottom{bottom:30%}.connection-error__socket-hole{background:#1f2937;border-radius:3px 0 0 3px;width:15px;height:10px;position:absolute;left:-15px}.connection-error__socket-hole--top{top:30%}.connection-error__socket-hole--bottom{bottom:30%}.connection-error__plug-cable{background:#dc2626;border-radius:4px 0 0 4px;width:50px;height:8px;position:absolute;top:50%;left:-50px;transform:translateY(-50%)}.connection-error__socket-cable{background:#4b5563;border-radius:0 4px 4px 0;width:50px;height:8px;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}.connection-error__spark{background:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%}.connection-error__wifi-waves{opacity:.3;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.connection-error__wave{border:3px solid #ef4444;border-bottom:none;border-radius:100% 100% 0 0;position:absolute;left:50%;transform:translate(-50%)}.connection-error__x-mark{color:#ef4444;font-size:40px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes connErrorSlideLeft{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-10px)}}@keyframes connErrorSlideRight{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(10px)}}@keyframes connErrorSpark{0%,to{opacity:0;scale:.5}50%{opacity:1;scale:1.5}}@keyframes connErrorFadeWave{0%,to{opacity:.1}50%{opacity:.3}}
.error-page__container{padding:3rem 1rem}.error-page__container-404{justify-content:center;align-items:center;min-height:60vh;padding:3rem 1rem;display:flex}.error-page__illustration-wrapper{margin-bottom:2rem}.error-page__error-code{background:linear-gradient(135deg,#ff6b6b,#ffc107);-webkit-text-fill-color:#0000;letter-spacing:10px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(60px,15vw,120px);font-weight:700}.error-page__title{color:var(--foreground);margin-top:1.5rem;margin-bottom:1rem;font-size:clamp(24px,5vw,36px);font-weight:600}.error-page__title-404{color:var(--foreground);margin-bottom:1rem;font-size:clamp(24px,5vw,40px);font-weight:700;animation:1s ease-out fadeInUp}.error-page__description{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.125rem}.error-page__description-404{color:var(--text-muted);max-width:500px;margin:0 auto;font-size:1.125rem;line-height:1.5}.error-page__connection-title{color:#ef4444;margin-bottom:1rem;font-size:clamp(22px,5vw,32px);font-weight:700}.error-page__connection-description{color:var(--text-muted);max-width:400px;margin:0 auto;font-size:1rem}