@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.error-404-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.error-404-container .error-content{max-width:600px;text-align:center;padding:4rem;animation:fadeIn .6s var(--ease-out-3) forwards}.error-404-container .error-content .error-icon{margin-bottom:1.5rem}.error-404-container .error-content .error-icon .material-symbols-outlined{font-size:6rem;color:#28b0a9;opacity:.6;animation:float 3s ease-in-out infinite}.error-404-container .error-content .error-title{font-size:6rem;font-weight:700;line-height:1;margin-bottom:.75rem;background:linear-gradient(135deg,#28b0a9,#1f8670);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideInDown .6s var(--ease-out-3) forwards}.error-404-container .error-content .error-subtitle{font-size:1.5rem;font-weight:600;color:var(--header-text);margin-bottom:1.5rem;animation:slideInUp .6s var(--ease-out-3) forwards}.error-404-container .error-content .error-message{font-size:1.125rem;color:var(--body-text);opacity:.8;margin-bottom:2rem;line-height:1.625;animation:fadeIn .6s .2s var(--ease-out-3) forwards;opacity:0}.error-404-container .error-content .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;animation:fadeIn .6s .3s var(--ease-out-3) forwards;opacity:0}.error-404-container .error-content .error-actions a{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:1rem;box-shadow:0 4px 8px #0000001a;transition:scale .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3),translate .25s var(--ease-out-3)}.error-404-container .error-content .error-actions a .material-symbols-outlined{font-size:1.25rem}.error-404-container .error-content .error-actions a:hover{scale:1.05;translate:0 -2px;box-shadow:0 8px 16px #0000001f}.error-404-container .error-content .error-actions a:active{scale:1.02;translate:0 0}.error-404-container .error-content .error-actions .btn-primary{background:linear-gradient(135deg,#28b0a9,#1f8670);color:var(--header-text)}.error-404-container .error-content .error-actions .btn-secondary{background-color:var(--card-bg);color:var(--body-text);border:2px solid var(--card-border)}.error-404-container .error-content .error-actions .btn-secondary:hover{border-color:#28b0a9}.error-404-container .error-content .suggestions{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--card-border);animation:fadeIn .6s .4s var(--ease-out-3) forwards;opacity:0}.error-404-container .error-content .suggestions h3{font-size:1.125rem;font-weight:600;color:var(--header-text);margin-bottom:1.5rem}.error-404-container .error-content .suggestions .suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;text-decoration:none;color:inherit;box-shadow:0 2px 4px #00000014;transition:scale .25s var(--ease-out-3),box-shadow .25s var(--ease-out-3),translate .25s var(--ease-out-3),border-color .25s var(--ease-out-3)}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:hover{scale:1.05;translate:0 -4px;box-shadow:0 4px 8px #0000001a;border-color:#28b0a9}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:hover .suggestion-icon{scale:1.15}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card:active{scale:1.02;translate:0 -2px}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card .suggestion-icon{font-size:2rem;transition:scale .25s var(--ease-elastic-4)}.error-404-container .error-content .suggestions .suggestions-grid .suggestion-card .suggestion-text{font-size:.875rem;font-weight:500;color:var(--body-text);text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.error-404-container{padding:1.5rem .75rem}.error-404-container .error-content{padding:2rem}.error-404-container .error-content .error-icon .material-symbols-outlined,.error-404-container .error-content .error-title{font-size:4rem}.error-404-container .error-content .error-subtitle{font-size:1.25rem}.error-404-container .error-content .error-message{font-size:1rem}.error-404-container .error-content .error-actions{flex-direction:column;align-items:stretch}.error-404-container .error-content .error-actions a{justify-content:center}.error-404-container .error-content .suggestions .suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.error-404-container .error-content .error-title{font-size:3rem}.error-404-container .error-content .suggestions .suggestions-grid{grid-template-columns:1fr}}