.not-found-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.not-found-container .not-found-content{max-width:600px;text-align:center;background-color:hsla(0,0%,100%,.05);border-radius:20px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.08)}.not-found-container .not-found-content .error-code{font-size:8rem;font-weight:800;margin:0;background:linear-gradient(45deg,var(--primary-color),color-mix(in srgb,var(--primary-color),black 20%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 5px 15px rgba(var(--primary-color),.4)}.not-found-container .not-found-content h2{font-size:2rem;margin:1rem 0;color:var(--text-color)}.not-found-container .not-found-content p{font-size:1.1rem;margin-bottom:2rem;color:rgba(var(--text-color),.8);line-height:1.6}.not-found-container .not-found-content .actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.not-found-container .not-found-content .actions .back-button,.not-found-container .not-found-content .actions .home-button{padding:.8rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.not-found-container .not-found-content .actions .back-button:hover,.not-found-container .not-found-content .actions .home-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.not-found-container .not-found-content .actions .home-button{background-color:var(--primary-color);color:#fff;border:none}.not-found-container .not-found-content .actions .home-button:hover{background-color:color-mix(in srgb,var(--primary-color),black 10%)}.not-found-container .not-found-content .actions .back-button{background-color:rgba(0,0,0,0);color:var(--text-color);border:1px solid rgba(var(--text-color),.3)}.not-found-container .not-found-content .actions .back-button:hover{background-color:hsla(0,0%,100%,.05);border-color:var(--text-color)}.not-found-container .whale-animation{position:relative;height:180px;margin:2rem 0;overflow:hidden}.not-found-container .whale-animation .whale{position:absolute;left:50%;top:30%;transform:translateX(-50%);animation:float 6s ease-in-out infinite}.not-found-container .whale-animation .whale .body{position:absolute;width:140px;height:70px;background-color:var(--primary-color);border-radius:70px 70px 0 0;z-index:2}.not-found-container .whale-animation .whale .tail{position:absolute;width:40px;height:60px;background-color:var(--primary-color);top:30px;left:120px;border-radius:0 60px 0 0;transform-origin:bottom left;animation:tail-wag 4s ease-in-out infinite}.not-found-container .whale-animation .whale .fin{position:absolute;width:25px;height:12px;background-color:color-mix(in srgb,var(--primary-color),black 10%);top:45px;left:35px;border-radius:12px;transform:rotate(-15deg)}.not-found-container .whale-animation .whale .eye{position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;top:25px;left:30px;z-index:3}.not-found-container .whale-animation .whale .eye:after{content:"";position:absolute;width:5px;height:5px;background-color:#000;border-radius:50%;top:2px;left:2px}.not-found-container .whale-animation .whale .water-spout{position:absolute;width:8px;height:20px;top:-20px;left:70px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--primary-color) 100%);border-radius:50%;opacity:0;animation:spout 10s ease-out 2s infinite}.not-found-container .whale-animation .water{position:absolute;bottom:0;width:100%;height:60px;background:linear-gradient(180deg,rgba(79,165,212,.7) 0,rgba(64,149,199,.9));border-radius:100% 100% 0 0/60px;z-index:1;animation:water 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}@keyframes tail-wag{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes water{0%,to{height:60px}50%{height:65px}}@keyframes spout{0%,to{opacity:0;height:0}15%,5%{opacity:1;height:30px;top:-30px}20%{opacity:0;height:0}}@media(max-width:768px){.not-found-container .not-found-content{padding:2rem 1.5rem}.not-found-container .not-found-content .error-code{font-size:6rem}.not-found-container .not-found-content h2{font-size:1.5rem}.not-found-container .not-found-content p{font-size:1rem}.not-found-container .not-found-content .actions{flex-direction:column;gap:.8rem}.not-found-container .not-found-content .actions .back-button,.not-found-container .not-found-content .actions .home-button{width:100%}}