.error-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.error-container .floating-shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:50%;position:absolute;z-index:1}.error-container .error-shape-1{background:linear-gradient(45deg,hsla(0,100%,71%,.3),rgba(255,142,83,.3));height:120px;left:10%;top:10%;width:120px}.error-container .error-shape-2{background:linear-gradient(45deg,rgba(78,205,196,.3),rgba(85,98,112,.3));height:80px;right:15%;top:60%;width:80px}.error-container .error-shape-3{background:linear-gradient(45deg,rgba(255,195,113,.3),hsla(0,100%,71%,.3));bottom:20%;height:100px;left:20%;width:100px}.error-content{position:relative;z-index:2}.error-main{color:#fff;text-align:center}.error-image-container{margin-bottom:2rem}.error-image-container .error-image{-webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));height:auto;max-width:300px;width:100%}.error-text{margin-bottom:3rem}.error-text .error-title{-webkit-text-fill-color:transparent;-webkit-animation:gradientShift 3s ease-in-out infinite;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-size:8rem;font-weight:900;margin-bottom:1rem;text-shadow:0 0 30px hsla(0,0%,100%,.5)}@media(max-width:768px){.error-text .error-title{font-size:5rem}}@media(max-width:480px){.error-text .error-title{font-size:4rem}}.error-text .error-subtitle{font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}@media(max-width:768px){.error-text .error-subtitle{font-size:2rem}}@media(max-width:480px){.error-text .error-subtitle{font-size:1.5rem}}.error-text .error-description{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.3)}@media(max-width:768px){.error-text .error-description{font-size:1rem}}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:4rem}.error-actions .primary-action-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 8px 25px hsla(0,100%,71%,.4);font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.error-actions .primary-action-btn:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);box-shadow:0 12px 35px hsla(0,100%,71%,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.error-actions .secondary-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.8);border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;padding:10px 28px;transition:all .3s ease}.error-actions .secondary-action-btn:hover{background:hsla(0,0%,100%,.2);border-color:#fff;box-shadow:0 8px 25px hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.helpful-actions{margin-bottom:3rem}.helpful-actions .helpful-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}@media(max-width:768px){.helpful-actions .helpful-title{font-size:1.5rem}}.helpful-actions .actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}@media(max-width:768px){.helpful-actions .actions-grid{gap:1rem;grid-template-columns:1fr}}.helpful-actions .action-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.helpful-actions .action-card:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 10px 30px rgba(0,0,0,.2)}.helpful-actions .action-card .action-link{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.helpful-actions .action-card .action-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.helpful-actions .action-card .action-content{flex:1 1}.helpful-actions .action-card .action-content .action-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.helpful-actions .action-card .action-content .action-description{color:#fff;font-size:.9rem;line-height:1.4;opacity:.8}.fun-element{align-items:center;display:flex;flex-direction:column;gap:.5rem}.fun-element .refresh-button{align-items:center;background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:50%;box-shadow:0 8px 25px rgba(78,205,196,.4);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.fun-element .refresh-button:hover{box-shadow:0 12px 35px rgba(78,205,196,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.fun-element .refresh-text{color:#fff;font-size:.9rem;opacity:.8}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.MuiButton-root{text-transform:none!important}.MuiButton-root,.MuiTypography-root{font-family:Inter,sans-serif!important}@media(max-width:768px){.error-container{padding:1rem 0}.error-actions{align-items:center;flex-direction:column;gap:.8rem}.error-actions .MuiButton-root{max-width:300px;width:100%}.floating-shape{opacity:.5}.error-shape-1{height:80px;width:80px}.error-shape-2{height:60px;width:60px}.error-shape-3{height:70px;width:70px}}@media(max-width:480px){.error-text,.helpful-actions{margin-bottom:2rem}.helpful-actions .actions-grid{padding:0 1rem}.helpful-actions .action-card{padding:1rem}.helpful-actions .action-card .action-link{flex-direction:column;gap:.8rem;text-align:center}.fun-element .refresh-button{font-size:1.2rem;height:50px;width:50px}}