.light404-container{--clr-green:#10b981;--clr-green-dark:#059669;--clr-green-darkest:#064e3b;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background-color:#030712;position:relative;overflow:hidden;padding:3rem 1rem}.light404-container .grid{position:absolute;width:50%;height:50%;z-index:2}.light404-container .grid.gr-1{top:0;right:0}.light404-container .grid.gr-2{top:0;left:0}.light404-container .grid.gr-3{bottom:0;left:0}.light404-container .grid.gr-4{bottom:0;right:0}.light404-container .not-found-message{position:relative;text-align:center;width:100%;padding-block:4rem;background-image:linear-gradient(to right,var(--clr-green-darkest),#0f172a,var(--clr-green-darkest));border:1px solid rgba(16,185,129,.15);border-radius:16px;transition:all .3s ease;overflow:hidden}.light404-container .not-found-message.light-on{border-color:var(--clr-green);box-shadow:0 0 25px rgba(16,185,129,.25)}.light404-container .not-found-message .text{position:absolute;top:50%;left:50%;width:max-content;padding:.6rem 1.4rem;font-size:1.4rem;font-weight:800;color:#ffffff;background-color:#020617;border:1px solid rgba(16,185,129,.3);border-radius:12px;transform:translate(-50%,-50%);z-index:5}.light404-container .not-found-message.light-on .text{border-color:var(--clr-green);box-shadow:inset 0 0 10px rgba(16,185,129,.4)}.light404-container .light{position:absolute;bottom:0;left:50%;width:250px;height:3px;border-radius:3px;background-color:var(--clr-green);transform:translateX(-50%);opacity:0;transition:opacity .8s ease;z-index:1}.light404-container .light.light-on{opacity:1;box-shadow:0 0 40px 2px var(--clr-green),0 0 80px 10px var(--clr-green)}.light404-container .go-home{display:inline-flex;align-items:center;gap:8px;position:relative;padding:.75rem 1.75rem;color:#ffffff;background:#0f172a;border:1px solid var(--clr-green);font-weight:700;font-size:.95rem;border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 0 15px rgba(16,185,129,.15)}.light404-container .go-home:hover{transform:scale(1.04);box-shadow:0 0 25px rgba(16,185,129,.35);background:#111827}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.not-found-wrapper{min-height:100vh;width:100%;position:relative;overflow:hidden;background-color:#0B0D17;background-image:radial-gradient(circle at 50% 30%,#171b30 0,#0b0d17 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff;padding:2rem 1rem}.not-found-stars-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}@keyframes snow{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:1;transform:translateY(650px)}}@keyframes astronaut{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.box-of-star1,.box-of-star2,.box-of-star3,.box-of-star4{width:100%;position:absolute;z-index:10;left:0;top:0;transform:translateY(0);height:700px}.box-of-star1{animation:snow 5s linear infinite}.box-of-star2{animation:snow 5s linear -1.64s infinite}.box-of-star3{animation:snow 5s linear -2.3s infinite}.box-of-star4{animation:snow 5s linear -3.3s infinite}.star{width:3px;height:3px}.star,.star:before{border-radius:50%;background-color:#fff;position:absolute;z-index:10;opacity:.7}.star:before{content:"";width:6px;height:6px;top:80px;left:70px}.star:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;z-index:10;top:8px;left:170px;opacity:.9}.star-position1{top:30px;left:5%}.star-position2{top:110px;left:20%}.star-position3{top:60px;left:40%}.star-position4{top:120px;left:60%}.star-position5{top:20px;left:75%}.star-position6{top:90px;left:85%}.star-position7{top:30px;left:95%}.not-found-content{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;margin:0 auto}.astronaut-stage{position:relative;width:280px;height:300px;margin-bottom:2rem}.astronaut{width:250px;height:300px;position:absolute;z-index:11;top:calc(50% - 150px);left:calc(50% - 125px);animation:astronaut 5s linear infinite}.schoolbag{width:100px;height:150px;z-index:1;top:calc(50% - 75px);left:calc(50% - 50px);background-color:#94b7ca;border-radius:50px 50px 0 0/30px 30px 0 0}.head,.schoolbag{position:absolute}.head{width:97px;height:80px;z-index:3;background:linear-gradient(90deg,#e3e8eb 0,#e3e8eb 50%,#fbfdfa 0,#fbfdfa);border-radius:50%;top:34px;left:calc(50% - 47.5px)}.head:after{width:60px;height:50px;top:calc(50% - 25px);left:calc(50% - 30px);background:linear-gradient(180deg,#15aece 0,#15aece 50%,#0391bf 0,#0391bf);border-radius:15px}.head:after,.head:before{content:"";position:absolute}.head:before{width:12px;height:25px;top:calc(50% - 12.5px);left:-4px;background-color:#618095;border-radius:5px;box-shadow:92px 0 0 #618095}.body{width:85px;height:100px;z-index:2;background-color:#fffbff;border-radius:40px/20px;top:105px;left:calc(50% - 41px);background:linear-gradient(90deg,#e3e8eb 0,#e3e8eb 50%,#fbfdfa 0,#fbfdfa)}.body,.panel{position:absolute}.panel{width:60px;height:40px;top:20px;left:calc(50% - 30px);background-color:#b7cceb}.panel:before{width:30px;height:5px;left:7px;box-shadow:0 9px 0 #fbfdfa,0 18px 0 #fbfdfa}.panel:after,.panel:before{content:"";position:absolute;top:9px;background-color:#fbfdfa}.panel:after{width:8px;height:8px;right:7px;border-radius:50%;box-shadow:0 14px 0 2px #fbfdfa}.arm{width:80px;height:30px;position:absolute;top:121px;z-index:2}.arm-left{left:30px;background-color:#e3e8eb;border-radius:0 0 0 39px}.arm-right{right:30px;background-color:#fbfdfa;border-radius:0 0 39px 0}.arm-left:before,.arm-right:before{content:"";width:30px;height:70px;position:absolute;top:-40px}.arm-left:before{border-radius:50px 50px 0 120px/50px 50px 0 110px;left:0;background-color:#e3e8eb}.arm-right:before{border-radius:50px 50px 120px 0/50px 50px 110px 0;right:0;background-color:#fbfdfa}.arm-left:after,.arm-right:after{content:"";width:30px;height:10px;position:absolute;top:-24px}.arm-left:after{background-color:#6e91a4;left:0}.arm-right:after{right:0;background-color:#b6d2e0}.leg{width:30px;height:40px;position:absolute;z-index:2;bottom:70px}.leg-left{left:76px;background-color:#e3e8eb;transform:rotate(20deg)}.leg-right{right:73px;background-color:#fbfdfa;transform:rotate(-20deg)}.leg-left:before,.leg-right:before{content:"";width:50px;height:25px;position:absolute;bottom:-26px}.leg-left:before{left:-20px;background-color:#e3e8eb;border-radius:30px 0 0 0;border-bottom:10px solid #6d96ac}.leg-right:before{right:-20px;background-color:#fbfdfa;border-radius:0 30px 0 0;border-bottom:10px solid #b0cfe4}.not-found-text-area{display:flex;flex-direction:column;align-items:center}.not-found-badge{display:inline-block;padding:.35rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:9999px;font-size:.875rem;font-weight:600;letter-spacing:.05em;color:#60a5fa;text-transform:uppercase;margin-bottom:1rem;backdrop-filter:blur(8px)}.not-found-code{font-size:5rem;font-weight:900;line-height:1;margin:0;background:linear-gradient(180deg,#ffffff,#94b7ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.not-found-title{font-size:2rem;font-weight:700;color:#f3f4f6;margin:.75rem 0 .5rem}.not-found-description{font-size:1.125rem;color:#9ca3af;margin:0 0 2rem;max-width:480px;line-height:1.6}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.not-found-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.875rem 2rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#ffffff;font-size:1rem;font-weight:600;border-radius:9999px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(22,163,74,.4);border:1px solid rgba(255,255,255,.15)}.not-found-home-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 28px rgba(34,197,94,.5)}