*{box-sizing:border-box}.not-found-container{background:linear-gradient(135deg,#f5f5f5 0%,#fff 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.not-found-content{text-align:center;z-index:1;animation:1s ease-out fadeInUp;position:relative}.not-found-content.loaded{animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-shape{opacity:.05;z-index:0;border-radius:50%;position:absolute}.shape-1{background:#370617;width:300px;height:300px;animation:8s ease-in-out infinite float;top:-150px;right:-150px}.shape-2{background:#370617;width:200px;height:200px;animation:10s ease-in-out 1s infinite float;bottom:-100px;left:-100px}.shape-3{background:#370617;width:250px;height:250px;animation:9s ease-in-out 2s infinite float;top:50%;right:-120px}.shape-4{background:#370617;width:180px;height:180px;animation:7s ease-in-out .5s infinite float;top:20%;left:-80px}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(10px)}50%{transform:translateY(-40px)translate(-10px)}75%{transform:translateY(-20px)translate(10px)}}.background-grid{opacity:.1;background-image:linear-gradient(0deg,#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px);background-size:40px 40px;width:400px;height:400px;animation:20s linear infinite gridShift;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gridShift{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.error-code-wrapper{z-index:2;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex;position:relative}.error-code-4{color:#370617;opacity:0;text-transform:uppercase;font-size:120px;font-weight:900;animation:.8s ease-out forwards slideInFromSide}.error-code-4.digit:first-child{transform-origin:100%;animation-delay:.2s}.error-code-4.digit:last-child{transform-origin:0;animation-delay:.6s}@keyframes slideInFromSide{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.error-code-circle{width:180px;height:180px;animation:8s linear .4s infinite spinRotate;position:relative}.inner-circle{color:#370617;background:radial-gradient(circle,#3706170d 0%,#0000 70%);border:3px solid #370617;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:900;display:flex;position:absolute}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-title{color:#370617;z-index:2;opacity:0;text-transform:uppercase;letter-spacing:2px;margin:30px 0 15px;font-size:48px;font-weight:700;animation:.8s ease-out .3s forwards fadeInDown;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-description{color:#6b7280;z-index:2;opacity:0;max-width:400px;margin:0 auto 40px;font-size:16px;line-height:1.6;animation:.8s ease-out .4s forwards fadeInDown;position:relative}.back-home-btn{color:#fff;text-transform:uppercase;z-index:2;opacity:0;background:#370617;border-radius:6px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;animation:.8s ease-out .5s forwards fadeInUp;display:inline-flex;position:relative;overflow:hidden}.back-home-btn:before{content:"";z-index:-1;background:#5a0c2c;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.back-home-btn:hover:before{left:0}.back-home-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #37061733}.btn-text{position:relative}.btn-arrow{transition:transform .3s;display:inline-block}.back-home-btn:hover .btn-arrow{transform:translate(5px)}.animated-particles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{opacity:0;background:#370617;border-radius:50%;width:8px;height:8px;animation:4s ease-in infinite particleFloat;position:absolute}.particle:first-child{animation-delay:calc(var(--particle-delay,0s) + 0s);top:20%;left:20%}.particle:nth-child(2){animation-delay:calc(var(--particle-delay,0s) + .1s);top:30%;left:80%}.particle:nth-child(3){animation-delay:calc(var(--particle-delay,0s) + .2s);top:70%;left:15%}.particle:nth-child(4){animation-delay:calc(var(--particle-delay,0s) + .3s);top:80%;left:75%}.particle:nth-child(5){animation-delay:calc(var(--particle-delay,0s) + .4s);top:15%;left:50%}.particle:nth-child(6){animation-delay:calc(var(--particle-delay,0s) + .5s);top:85%;left:40%}.particle:nth-child(7){animation-delay:calc(var(--particle-delay,0s) + .6s);top:50%;left:10%}.particle:nth-child(8){animation-delay:calc(var(--particle-delay,0s) + .7s);top:45%;left:85%}.particle:nth-child(9){animation-delay:calc(var(--particle-delay,0s) + .8s);top:40%;left:35%}.particle:nth-child(10){animation-delay:calc(var(--particle-delay,0s) + .9s);top:60%;left:65%}.particle:nth-child(11){animation-delay:calc(var(--particle-delay,0s) + 1s);top:30%;left:25%}.particle:nth-child(12){animation-delay:calc(var(--particle-delay,0s) + 1.1s);top:70%;left:70%}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px)translate(20px)}}@media (max-width:768px){.error-code-wrapper{gap:10px;margin-bottom:20px}.error-code-4{font-size:80px}.error-code-circle{width:120px;height:120px}.inner-circle{font-size:32px}.error-title{letter-spacing:1px;font-size:36px}.error-description{margin-bottom:30px;font-size:14px}.back-home-btn{padding:12px 24px;font-size:13px}.floating-shape{opacity:.02}}@media (max-width:480px){.error-code-4{font-size:60px}.error-code-circle{width:100px;height:100px}.inner-circle{border-width:2px;font-size:24px}.error-title{letter-spacing:.5px;font-size:28px}.back-home-btn{font-size:12px}}