.notfound__container{opacity:0;justify-content:center;align-items:center;width:100%;height:calc(100vh - 215px);transition:opacity .6s ease-out;display:flex;position:relative;overflow:hidden}.notfound__container--mounted{opacity:1}.notfound__content{z-index:10;text-align:center;width:100%;margin:0 auto;animation:.8s cubic-bezier(.4,0,.2,1) slide-up;position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.notfound__errorCode{perspective:1000px;justify-content:center;gap:20px;display:flex}.notfound__digit{color:#0070f3;font-size:clamp(80px,15vw,140px);font-weight:800;animation:2s ease-in-out infinite bounce;display:inline-block}.notfound__digit--middle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0070f3 0%,#90caf9 100%);-webkit-background-clip:text;background-clip:text;animation-delay:.2s;transform:scale(1.1)}.notfound__digit:first-child{animation-delay:0s}.notfound__digit:last-child{animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.notfound__floatingSymbols{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound__symbol{color:#0070f326;animation:6s ease-in-out infinite float;animation-delay:var(--delay,0s);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:clamp(24px,4vw,40px);font-weight:600;position:absolute}.notfound__symbol:first-child{top:10%;left:15%}.notfound__symbol:nth-child(2){top:20%;right:10%}.notfound__symbol:nth-child(3){top:60%;left:10%}.notfound__symbol:nth-child(4){bottom:15%;right:20%}.notfound__symbol:nth-child(5){top:40%;left:5%}.notfound__symbol:nth-child(6){top:70%;right:5%}@keyframes float{0%,to{opacity:.15;transform:translateY(0)rotate(0)}50%{opacity:.3;transform:translateY(-28px)rotate(5deg)}}.notfound__title{color:#1f2937;margin:0 0 16px;font-size:clamp(28px,5vw,40px);font-weight:700;animation:.8s ease-out .3s both fadeIn}.notfound__description{color:#6b7280;text-align:center;margin:0 0 40px;font-size:clamp(16px,3vw,18px);line-height:1.5;animation:.8s ease-out .5s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notfound__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;animation:.8s ease-out .7s both fadeIn;display:flex}.notfound__primaryButton,.notfound__secondaryButton{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.notfound__primaryButton svg,.notfound__secondaryButton svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.notfound__primaryButton:hover svg,.notfound__secondaryButton:hover svg{transform:translate(-3px)}.notfound__primaryButton{color:#fff;background:#0070f3}.notfound__primaryButton:hover{background:#0058c0}.notfound__primaryButton:active{transform:translateY(0)}.notfound__primaryButton:hover svg{transform:scale(1.1)}.notfound__secondaryButton{color:#0070f3;background:#fff;border:2px solid #0070f3}.notfound__secondaryButton:hover{background:#0070f30d}.notfound__secondaryButton:active{transform:translateY(0)}.notfound__suggestions{animation:.8s ease-out .9s both fade-in}.notfound__suggestionsTitle{text-align:center;color:#6b7280;margin:0 0 16px;font-size:13px;font-weight:600}.notfound__suggestionLinks{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.notfound__suggestionLinks a{color:#0070f3;background:#fff;border:1px solid #0070f333;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.notfound__suggestionLinks a:hover{background:#0070f30d;border-color:#0070f3;transform:translateY(-2px)}.notfound__backgroundGrid{z-index:0;opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.notfound__gridLine{left:calc(5%*var(--index));width:2px;height:100%;animation:3s ease-in-out infinite grid-pulse;animation-delay:calc(var(--index)*.1s);background:linear-gradient(#0000 0%,#0070f31a 50%,#0000 100%);position:absolute}@keyframes grid-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.05)}}@media (max-width:768px){.notfound__container{padding:1rem .75rem}.notfound__content{max-width:100%;padding:0 .5rem}.notfound__errorCode{gap:8px;margin-bottom:1.5rem}.notfound__digit{font-size:clamp(60px,18vw,100px)}.notfound__title{margin-bottom:12px;font-size:clamp(24px,6vw,32px)}.notfound__description{margin-bottom:2rem;padding:0 1rem;font-size:clamp(14px,4vw,16px)}.notfound__actions{flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0 1rem}.notfound__primaryButton,.notfound__secondaryButton{justify-content:center;width:100%;padding:12px 24px;font-size:14px}.notfound__suggestions{padding:0 1rem}.notfound__suggestionsTitle{margin-bottom:12px;font-size:12px}.notfound__suggestionLinks{gap:8px}.notfound__suggestionLinks a{padding:6px 12px;font-size:12px}.notfound__floatingSymbols .notfound__symbol{font-size:clamp(16px,4vw,20px)}}@media (max-width:480px){.notfound__notfound__container{padding:.75rem .5rem}.notfound__errorCode{gap:6px;margin-bottom:1.25rem}.notfound__digit{font-size:clamp(50px,20vw,80px)}.notfound__title{margin-bottom:10px;font-size:clamp(20px,7vw,28px)}.notfound__description{margin-bottom:1.5rem;padding:0 .5rem;font-size:13px}.notfound__actions{gap:.625rem;margin-bottom:1.5rem;padding:0 .5rem}.notfound__primaryButton,.notfound__secondaryButton{padding:10px 20px;font-size:13px}.notfound__suggestions{padding:0 .5rem}.notfound__suggestionsTitle{margin-bottom:10px;font-size:12px}.notfound__suggestionLinks{gap:6px}.notfound__suggestionLinks a{padding:5px 10px;font-size:11px}.notfound__floatingSymbols{display:none}}@media (max-height:600px){.notfound__errorCode{margin-bottom:1rem}.notfound__title{margin-bottom:8px}.notfound__description,.notfound__actions{margin-bottom:1.25rem}}