.notfound-page{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--background);overflow:hidden;font-family:var(--font-jakarta,system-ui),-apple-system,sans-serif;color:var(--foreground);padding:2rem 1rem}.notfound-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.notfound-deco:after,.notfound-deco:before{content:"";position:absolute;border-radius:50%;opacity:.08}.notfound-deco:before{width:500px;height:500px;top:-15%;right:-10%;animation:nf-drift 12s ease-in-out infinite}.notfound-deco:after,.notfound-deco:before{background:radial-gradient(circle,var(--primary) 0,transparent 70%)}.notfound-deco:after{width:350px;height:350px;bottom:-10%;left:-5%;animation:nf-drift 12s ease-in-out infinite reverse}@keyframes nf-drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}.notfound-card{position:relative;width:100%;max-width:28rem;padding:3rem 2.5rem;border-radius:1.8rem;background:var(--card,var(--background));border:1px solid color-mix(in srgb,var(--foreground) 6%,transparent);box-shadow:var(--neu-distance,6px) var(--neu-distance,6px) var(--neu-blur,12px) var(--neu-dark),calc(-1 * var(--neu-distance, 6px)) calc(-1 * var(--neu-distance, 6px)) var(--neu-blur,12px) var(--neu-light);animation:nf-float 7s ease-in-out infinite;transition:transform .6s ease;text-align:center}.notfound-card:hover{transform:translateY(-.5rem);box-shadow:calc(var(--neu-distance, 6px) + 2px) calc(var(--neu-distance, 6px) + 2px) calc(var(--neu-blur, 12px) + 4px) var(--neu-dark),calc(-1 * (var(--neu-distance, 6px) + 2px)) calc(-1 * (var(--neu-distance, 6px) + 2px)) calc(var(--neu-blur, 12px) + 4px) var(--neu-light)}@keyframes nf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}.notfound-icon{position:absolute;top:-1.2rem;right:-1.2rem;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--background);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);z-index:2;animation:nf-icon 4.5s ease-in-out infinite}.notfound-icon svg{width:1.4rem;height:1.4rem;color:var(--primary);stroke-width:2}@keyframes nf-icon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-.4rem) rotate(8deg)}}.notfound-code{font-size:5.6rem;font-weight:900;letter-spacing:.12em;line-height:1;background:linear-gradient(135deg,var(--foreground),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.notfound-title{margin-top:.6rem;font-size:1.5rem;font-weight:700;color:var(--foreground);letter-spacing:-.01em}.notfound-desc{margin-top:.8rem;font-size:.95rem;line-height:1.7;color:var(--muted-foreground);max-width:22rem;margin-left:auto;margin-right:auto}.notfound-loader{margin:2rem auto;width:7.5rem;height:.4rem;border-radius:99px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset -2px -2px 4px var(--neu-light);overflow:hidden}.notfound-loader span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#fff));border-radius:99px;animation:nf-load 1.6s ease-in-out infinite}@keyframes nf-load{0%{transform:translateX(-100%)}60%,to{transform:translateX(280%)}}.notfound-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.notfound-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;color:var(--foreground);border:none;background:none}.notfound-btn-icon{width:1rem;height:1rem;flex-shrink:0}.notfound-btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light)}.notfound-btn-primary:hover{transform:translateY(-.2rem);box-shadow:4px 4px 10px var(--neu-dark),-4px -4px 10px var(--neu-light)}.notfound-btn-primary:active{transform:translateY(0);box-shadow:inset 2px 2px 4px var(--neu-dark),inset -2px -2px 4px var(--neu-light)}.notfound-btn-ghost{background:var(--card,var(--background));box-shadow:2px 2px 5px var(--neu-dark),-2px -2px 5px var(--neu-light)}.notfound-btn-ghost:hover{transform:translateY(-.12rem);box-shadow:3px 3px 8px var(--neu-dark),-3px -3px 8px var(--neu-light)}.notfound-footer{margin-top:2rem;font-size:.75rem;color:var(--muted-foreground);opacity:.6;text-align:center;letter-spacing:.04em}@media (max-width:480px){.notfound-card{padding:2.2rem 1.6rem;border-radius:1.4rem}.notfound-code{font-size:4rem}.notfound-title{font-size:1.25rem}.notfound-desc{font-size:.88rem}.notfound-icon{top:-1rem;right:-.8rem;width:2.6rem;height:2.6rem}.notfound-icon svg{width:1.2rem;height:1.2rem}.notfound-actions{flex-direction:column;align-items:center}.notfound-btn{width:100%;justify-content:center}}