:root{--starfield-speed:5s;--starfield-opacity:0.7;--starfield-star-color:hsla(0,0%,100%,.9)}@keyframes starfield-zoom{0%{opacity:0;transform:scale(.5)}15%{opacity:calc(var(--starfield-opacity) * .5)}85%{opacity:var(--starfield-opacity);transform:scale(2.8)}to{opacity:0;transform:scale(3.5)}}.starfield-container{overflow:hidden;z-index:-1;pointer-events:none}.starfield-container,.starfield-layer{position:absolute;inset:0;width:100%;height:100%}.starfield-layer{will-change:transform,opacity;transform-origin:center center;animation:starfield-zoom var(--starfield-speed) linear infinite;background-size:200px 200px;background-position:50%}.starfield-layer--pattern-1{background-image:radial-gradient(1px 1px at 20px 30px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 40px 70px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 50px 160px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 90px 40px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 130px 80px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 160px 120px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-2{background-image:radial-gradient(1.5px 1.5px at 25px 45px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 60px 100px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 100px 150px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 140px 25px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 170px 90px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 180px 170px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-3{background-image:radial-gradient(1px 1px at 15px 80px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 55px 135px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 85px 20px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 115px 185px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 155px 50px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 195px 140px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-4{background-image:radial-gradient(2px 2px at 30px 120px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 70px 50px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 110px 95px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 145px 175px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 175px 30px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 190px 110px,var(--starfield-star-color),transparent)}.starfield-layer--pattern-5{background-image:radial-gradient(1px 1px at 10px 60px,var(--starfield-star-color),transparent),radial-gradient(1.5px 1.5px at 45px 180px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 75px 75px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 120px 130px,var(--starfield-star-color),transparent),radial-gradient(2px 2px at 165px 15px,var(--starfield-star-color),transparent),radial-gradient(1px 1px at 185px 65px,var(--starfield-star-color),transparent)}.starfield-layer--delay-1{animation-delay:0s}.starfield-layer--delay-2{animation-delay:calc(var(--starfield-speed) * .2)}.starfield-layer--delay-3{animation-delay:calc(var(--starfield-speed) * .4)}.starfield-layer--delay-4{animation-delay:calc(var(--starfield-speed) * .6)}.starfield-layer--delay-5{animation-delay:calc(var(--starfield-speed) * .8)}.starfield-layer--delay-6{animation-delay:var(--starfield-speed)}@media (prefers-reduced-motion:reduce){.starfield-layer{animation:none;opacity:calc(var(--starfield-opacity) * .4);transform:scale(1)}}: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-star{position:absolute;width:var(--star-size,3px);height:var(--star-size,3px);border-radius:50%;background:radial-gradient(circle,#fff 0,#e8e8ff 40%,transparent 70%);box-shadow:0 0 calc(var(--star-size, 3px) * 2) hsla(0,0%,100%,.8),0 0 calc(var(--star-size, 3px) * 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, 3px) * 2) hsla(0,0%,100%,.8),0 0 calc(var(--star-size, 3px) * 4) rgba(200,200,255,.4)}50%{box-shadow:0 0 calc(var(--star-size, 3px) * 3) #fff,0 0 calc(var(--star-size, 3px) * 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:180px}.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-title{font-size:1.75rem}.notfound-description{font-size:1rem;padding:0 16px}.notfound-content{margin-top:150px}}@media (max-width:480px){.notfound-title{font-size:1.5rem}.notfound-content{margin-top:120px}}