:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Montserrat,sans-serif;background:linear-gradient(-45deg,#0f0c29,#302b63,#24243e,#1a1a2e);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#fff;overflow:hidden;perspective:1000px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;z-index:10}.particle-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background-color:#ffffff80;border-radius:50%;opacity:0;animation:particleFlow var(--duration) ease-in-out infinite var(--delay)}@keyframes particleFlow{0%{transform:translate(var(--start-x, 0),var(--start-y, 0)) scale(0);opacity:0}20%{opacity:var(--opacity, .7);transform:translate(var(--mid-x, 0),var(--mid-y, 0)) scale(var(--scale, 1))}80%{opacity:var(--opacity, .7)}to{transform:translate(var(--end-x, 0),var(--end-y, 0)) scale(0);opacity:0}}.particle:nth-child(1){--duration: 15s;--delay: 0s;--start-x: 10vw;--start-y: 10vh;--mid-x: 50vw;--mid-y: 80vh;--end-x: 90vw;--end-y: 20vh;--scale: .8;--opacity: .6;width:8px;height:8px}.particle:nth-child(2){--duration: 20s;--delay: 2s;--start-x: 90vw;--start-y: 20vh;--mid-x: 30vw;--mid-y: 70vh;--end-x: 10vw;--end-y: 90vh;--scale: 1.2;--opacity: .8;width:12px;height:12px}.particle:nth-child(3){--duration: 18s;--delay: 4s;--start-x: 50vw;--start-y: 95vh;--mid-x: 80vw;--mid-y: 10vh;--end-x: 20vw;--end-y: 50vh;--scale: .6;--opacity: .5;width:6px;height:6px}.particle:nth-child(4){--duration: 22s;--delay: 1s;--start-x: 20vw;--start-y: 80vh;--mid-x: 70vw;--mid-y: 10vh;--end-x: 90vw;--end-y: 50vh;--scale: 1;--opacity: .7;width:10px;height:10px}.particle:nth-child(5){--duration: 16s;--delay: 3s;--start-x: 80vw;--start-y: 5vh;--mid-x: 10vw;--mid-y: 60vh;--end-x: 60vw;--end-y: 95vh;--scale: .7;--opacity: .5;width:7px;height:7px}.flying-text{position:absolute;color:rgba(255,255,255,var(--opacity, .5));font-weight:700;pointer-events:none;white-space:nowrap;animation:moveFlyingText var(--animation-duration) linear infinite var(--animation-delay);transform:scale(var(--scale, 1));text-shadow:0 0 5px rgba(100,255,255,.5),0 0 10px rgba(100,255,255,.3);z-index:5}@keyframes moveFlyingText{0%{transform:translate3d(var(--initial-x),var(--initial-y),0) scale(var(--scale, 1)) rotateX(0);opacity:var(--opacity, .5)}25%{transform:translate3d(calc(var(--initial-x) + 100px),calc(var(--initial-y) + 50px),-100px) scale(var(--scale, 1.2)) rotateX(15deg);opacity:var(--opacity, .8)}50%{transform:translate3d(calc(var(--initial-x) + 200px),calc(var(--initial-y) - 100px),-200px) scale(var(--scale, 1)) rotateX(0);opacity:var(--opacity, .5)}75%{transform:translate3d(calc(var(--initial-x) + 100px),calc(var(--initial-y) - 150px),-100px) scale(var(--scale, .8)) rotateX(-15deg);opacity:var(--opacity, .3)}to{transform:translate3d(calc(var(--initial-x) - 100px),calc(var(--initial-y) + 20px),0) scale(var(--scale, 1)) rotateX(0);opacity:var(--opacity, .5)}}.scene{position:relative;width:250px;height:250px;display:flex;justify-content:center;align-items:center;z-index:10}.code-404{font-size:12rem;font-weight:700;color:#ffffff14;position:absolute;z-index:1;animation:pulse 3s infinite ease-in-out;text-shadow:0 0 10px rgba(255,255,255,.2)}@keyframes pulse{0%,to{transform:scale(1) rotate(0);opacity:.08}50%{transform:scale(1.15) rotate(5deg);opacity:.25}}.ghost{font-size:8rem;z-index:2;position:relative;animation:float 2.5s infinite ease-in-out;filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-35px) rotateY(15deg)}}.shadow{width:80px;height:15px;background-color:#0000004d;border-radius:50%;position:absolute;bottom:50px;z-index:1;animation:shadowFloat 2.5s infinite ease-in-out}@keyframes shadowFloat{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(.7);opacity:.15}}.message{font-size:2rem;font-weight:700;margin-top:30px;z-index:10;animation:fadeIn 1.5s .3s forwards;opacity:0;text-shadow:0 0 10px rgba(255,255,255,.5)}.sub-message{font-size:1.2rem;margin-top:10px;color:#ffffffb3;z-index:10;animation:fadeIn 1.5s .8s forwards;opacity:0}.back-link{margin-top:40px;padding:12px 25px;background:linear-gradient(45deg,#8a2be2,#4169e1);color:#fff;text-decoration:none;border-radius:30px;font-weight:700;transition:all .4s ease;box-shadow:0 0 15px #8a2be280;z-index:10}.back-link:hover{background:linear-gradient(45deg,#4169e1,#8a2be2);transform:scale(1.1) rotate(-3deg);box-shadow:0 0 25px #4169e1cc}