@keyframes blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.15)}66%{transform:translate(-30px,30px)scale(.85)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(3deg)}}@keyframes gradient{0%,to{background-position:0;background-size:200% 200%}50%{background-position:100%;background-size:200% 200%}}.notfound-container{background:linear-gradient(135deg,#9a9acd1a 0%,#f9f9f9 50%,#dd70761a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.notfound-blob-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.notfound-blob-1{filter:blur(60px);background:#9a9acd33;border-radius:50%;width:24rem;height:24rem;animation:8s infinite blob;position:absolute;top:2.5rem;left:5rem}.notfound-blob-2{filter:blur(60px);background:#dd707633;border-radius:50%;width:20rem;height:20rem;animation:8s 2s infinite blob;position:absolute;bottom:2.5rem;right:2.5rem}.notfound-blob-3{filter:blur(60px);background:#9a9acd26;border-radius:50%;width:18rem;height:18rem;animation:8s 4s infinite blob;position:absolute;top:50%;left:50%}.notfound-content{z-index:10;text-align:center;max-width:56rem;margin:0 auto;padding:0 1rem;position:relative}.notfound-logo-wrapper{margin-bottom:2rem;animation:3s ease-in-out infinite float;display:inline-block}.notfound-logo-glow{filter:blur(30px);opacity:.5;background:linear-gradient(90deg,#9a9acd,#dd7076);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.notfound-logo{filter:drop-shadow(0 25px 25px #00000026);position:relative}.notfound-title{background:linear-gradient(90deg,#9a9acd,#dd7076,#9a9acd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:9rem;font-weight:900;line-height:1;animation:4s infinite gradient}.notfound-heading{color:#1f2937;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.notfound-description{color:#4b5563;max-width:32rem;margin:0 auto 2rem;font-size:1.125rem}.notfound-fact-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff6;border-radius:1rem;max-width:28rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.notfound-fact-text{color:#374151;font-size:.875rem;font-style:italic}.notfound-fact-text strong{font-weight:600}.notfound-buttons{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.notfound-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9a9acd,#dd7076);border:none;border-radius:9999px;padding:1rem 2.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;transform:scale(1);box-shadow:0 20px 25px -5px #0000001a}.notfound-btn-primary:hover{background:linear-gradient(90deg,#9a9acde6,#dd7076e6);transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.notfound-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:9999px;padding:1rem 2.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;transform:scale(1);box-shadow:0 20px 25px -5px #0000001a}.notfound-btn-secondary:hover{border-color:#9a9acd;transform:scale(1.05);box-shadow:0 25px 50px -12px #00000040}.notfound-dots{justify-content:center;gap:.75rem;display:flex}.notfound-dot{border-radius:50%;width:1rem;height:1rem;animation:1s infinite bounce}.notfound-dot-1{background:#9a9acd}.notfound-dot-2{background:#dd7076;animation-delay:.2s}.notfound-dot-3{background:#9a9acd;animation-delay:.4s}.notfound-dot-4{background:#dd7076;animation-delay:.6s}.notfound-card-left{animation:3s ease-in-out 1s infinite float;display:none;position:absolute;top:5rem;left:2.5rem}.notfound-card-right{animation:3s ease-in-out 3s infinite float;display:none;position:absolute;bottom:8rem;right:2.5rem}.notfound-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a}.notfound-card-left .notfound-card{border-left:4px solid #dd7076;transform:rotate(-6deg)}.notfound-card-right .notfound-card{border-left:4px solid #9a9acd;transform:rotate(6deg)}.notfound-card-text{color:#4b5563;font-size:.875rem}@media (min-width:640px){.notfound-buttons{flex-direction:row}}@media (min-width:768px){.notfound-title{font-size:12rem}.notfound-heading{font-size:2.25rem}.notfound-description{font-size:1.25rem}}@media (min-width:1024px){.notfound-card-left,.notfound-card-right{display:block}}