.not-found{padding:100px 20px}.not-found .container{text-align:center;z-index:2;max-width:600px;margin:0 auto;padding:2rem;position:relative}.not-found .error-code{color:#64748b1a;margin-bottom:-2rem;font-size:clamp(8rem,15vw,12rem);font-weight:900;line-height:1;animation:3s ease-in-out infinite float;position:relative}.not-found .error-code:before{content:"404";background:linear-gradient(45deg,#6366f1,#8b5cf6,#06b6d4,#10b981) 0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;animation:4s infinite gradientShift,3s ease-in-out infinite float;position:absolute;top:0;left:0}.not-found .title{color:#1e293b;opacity:0;margin-bottom:1rem;font-size:2.5rem;font-weight:700;animation:1s .5s forwards slideUp}.not-found .subtitle{color:#64748b;opacity:0;margin-bottom:2rem;font-size:1.2rem;animation:1s .7s forwards slideUp}.not-found .description{color:#64748b;opacity:0;margin-bottom:3rem;font-size:1rem;line-height:1.6;animation:1s .9s forwards slideUp}.not-found .buttons{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s 1.1s forwards slideUp;display:flex}.not-found .btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.not-found .btn-primary{color:#fff;background:#6366f1;border:none}.not-found .btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.not-found .btn-secondary{color:#6366f1;background:0 0;border:2px solid #6366f1}.not-found .btn-secondary:hover{color:#fff;background:#6366f1;transform:translateY(-2px)}.not-found .floating-shapes{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.not-found .shape{background:#6366f10d;border-radius:50%;animation:20s linear infinite floatShapes;position:absolute}.not-found .shape:first-child{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.not-found .shape:nth-child(2){width:120px;height:120px;animation-delay:-5s;top:60%;right:10%}.not-found .shape:nth-child(3){width:60px;height:60px;animation-delay:-10s;bottom:30%;left:20%}.not-found .shape:nth-child(4){width:40px;height:40px;animation-delay:-15s;top:10%;right:30%}.not-found .icon{fill:currentColor;width:20px;height:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatShapes{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-100px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}@media (max-width:768px){.not-found .not-found .container{padding:1rem}.not-found .title{font-size:2rem}.not-found .subtitle{font-size:1rem}.not-found .buttons{flex-direction:column;align-items:center}.not-found .btn{width:100%;max-width:250px}}