.not-found-container{z-index:5;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.not-found-content{text-align:center;z-index:1;width:100%;max-width:800px;position:relative}.not-found-error-code{perspective:1000px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.not-found-error-code{gap:.5rem}}.not-found-digit{background:linear-gradient(135deg,#ff8c32 0%,#ff6b18 100%);text-shadow:0 0 30px #ff8c3280;-webkit-background-clip:text;background-clip:text;font-size:10rem;font-weight:900;animation:3s ease-in-out infinite digitFloat;position:relative}.not-found-digit:after{content:attr(data-text);z-index:-1;background:linear-gradient(135deg,#ff8c32 0%,#ff6b18 100%);filter:blur(20px);opacity:.5;-webkit-background-clip:text;position:absolute;top:0;left:0}.not-found-digit:first-child{animation-delay:0s}.not-found-digit:nth-child(3){animation-delay:.2s}@media (max-width:768px){.not-found-digit{font-size:6rem}}@media (max-width:480px){.not-found-digit{font-size:4rem}}.not-found-digit-middle{background:linear-gradient(135deg,#50b4ff 0%,#96f 100%);text-shadow:0 0 30px #50b4ff80;-webkit-background-clip:text;background-clip:text;animation-delay:.1s;transform:scale(1.2)}.not-found-digit-middle:after{background:linear-gradient(135deg,#50b4ff 0%,#96f 100%);-webkit-background-clip:text}@media (max-width:768px){.not-found-digit-middle{transform:scale(1.1)}}.not-found-title{color:var(--text-primary);text-shadow:0 0 20px #ff8c324d;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:1s ease-out slideInFromTop}@media (max-width:768px){.not-found-title{font-size:2rem}}@media (max-width:480px){.not-found-title{font-size:1.5rem}}.not-found-description{color:var(--text-secondary);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.8;animation:1s ease-out .2s both slideInFromBottom}@media (max-width:768px){.not-found-description{margin-bottom:2rem;font-size:1rem}}.not-found-actions-card{padding:2rem}@media (max-width:768px){.not-found-actions-card{padding:1.5rem}}.not-found-actions-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}@media (max-width:768px){.not-found-actions-title{font-size:1.25rem}}.not-found-actions-list{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (max-width:640px){.not-found-actions-list{grid-template-columns:1fr}}.not-found-action-item{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;font-size:.95rem;transition:all .3s;display:flex}.not-found-action-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary);transform:translate(5px)}.not-found-action-item:hover .not-found-action-icon svg{transform:scale(1.1)}@media (max-width:768px){.not-found-action-item{padding:.875rem;font-size:.9rem}}.not-found-action-icon{color:var(--primary-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.not-found-action-icon svg{transition:transform .3s}.not-found-buttons{gap:1rem;display:flex}@media (max-width:480px){.not-found-buttons{flex-direction:column}}.not-found-buttons a{flex:1;text-decoration:none}.not-found-decorative-elements{pointer-events:none;position:absolute;inset:0;overflow:hidden}.not-found-cube{width:40px;height:40px;animation:8s ease-in-out infinite cubeFloat;animation-delay:var(--delay,0s);opacity:.3;background:linear-gradient(135deg,#ff8c3233,#50b4ff33);border:2px solid #ff8c324d;border-radius:4px;position:absolute}.not-found-cube:first-child{animation-duration:7s;top:10%;left:10%}.not-found-cube:nth-child(2){width:30px;height:30px;animation-duration:9s;top:20%;right:15%}.not-found-cube:nth-child(3){width:35px;height:35px;animation-duration:8s;bottom:15%;left:20%}.not-found-cube:nth-child(4){width:25px;height:25px;animation-duration:10s;bottom:20%;right:10%}@media (max-width:768px){.not-found-cube{display:none}}@keyframes digitFloat{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-20px)rotateY(10deg)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes cubeFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-30px)rotate(90deg)}50%{transform:translateY(-60px)rotate(180deg)}75%{transform:translateY(-30px)rotate(270deg)}}
