:root{--notfound-speed:3s}.notfound-container{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.notfound-sky{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0a1a,#0d1033 30%,#1a1a4e 60%,#0d1033);overflow:hidden}.notfound-digits{position:absolute;width:280px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-100px);z-index:5}.notfound-star{position:absolute;width:var(--star-size,4px);height:var(--star-size,4px);border-radius:50%;background:radial-gradient(circle,#fff 0,#e8e8ff 40%,transparent 70%);box-shadow:0 0 calc(var(--star-size, 4px) * 2) hsla(0,0%,100%,.8),0 0 calc(var(--star-size, 4px) * 4) rgba(200,200,255,.4);left:var(--start-x,50%);top:var(--start-y,50%);transform:translate(-50%,-50%);animation:star-gather var(--notfound-speed) ease-out var(--star-delay,0s) forwards,star-pulse 2s ease-in-out var(--star-delay,0s) infinite}@keyframes star-gather{0%{left:var(--start-x,50%);top:var(--start-y,50%);opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{left:var(--end-x,50%);top:var(--end-y,50%);opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes star-pulse{0%,to{box-shadow:0 0 calc(var(--star-size, 4px) * 2) hsla(0,0%,100%,.8),0 0 calc(var(--star-size, 4px) * 4) rgba(200,200,255,.4)}50%{box-shadow:0 0 calc(var(--star-size, 4px) * 3) #fff,0 0 calc(var(--star-size, 4px) * 6) rgba(200,200,255,.6)}}.notfound-bg-star{position:absolute;border-radius:50%;background:#fff;opacity:.3;animation:twinkle 3s ease-in-out var(--twinkle-delay,0s) infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}.notfound-content{position:relative;z-index:10;text-align:center;padding:20px;margin-top:100px}.notfound-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 0 10px hsla(0,0%,100%,.5),0 2px 20px rgba(0,0,0,.5)}.notfound-description{font-size:1.125rem;color:hsla(0,0%,100%,.8);margin:0 0 32px;max-width:500px;line-height:1.6}.notfound-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.notfound-back-button{padding:12px 24px;font-size:16px;font-weight:600;color:#fff;background-color:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.4);border-radius:8px;cursor:pointer;transition:all .3s ease}.notfound-back-button:hover{background-color:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6)}.notfound-home-link{padding:12px 24px;font-size:16px;font-weight:600;color:#1a1a4e;background-color:#fff;border:2px solid #fff;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.notfound-home-link:hover{background-color:#f3f4ff;border-color:#e0e0ff}@media (prefers-reduced-motion:reduce){.notfound-star{animation:none;left:var(--end-x,50%);top:var(--end-y,50%);opacity:1;transform:translate(-50%,-50%) scale(1)}.notfound-bg-star{animation:none;opacity:.3}}@media (max-width:768px){.notfound-digits{width:200px;height:85px;transform:translate(-50%,-50%) translateY(-80px)}.notfound-title{font-size:1.75rem}.notfound-description{font-size:1rem;padding:0 16px}.notfound-content{margin-top:80px}}@media (max-width:480px){.notfound-digits{width:160px;height:70px;transform:translate(-50%,-50%) translateY(-70px)}.notfound-title{font-size:1.4rem}.notfound-content{margin-top:60px}.notfound-actions{flex-direction:column;gap:12px}.notfound-back-button,.notfound-home-link{width:100%;max-width:200px}}