.error-404-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--bg)}.error-404-content{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:600px;text-align:center}.error-404-image{display:flex;justify-content:center;align-items:center;width:100%;height:auto}.error-404-image img{width:100%;height:auto;max-width:400px}.error-404-title{font-size:32px;font-weight:600;color:var(--primary);line-height:var(--line-height-tight);margin:0}.error-404-message{font-size:16px;color:var(--text-2);line-height:var(--line-height-normal);margin:0;max-width:450px}.error-404-btn{padding:12px 32px;height:44px;border-radius:50px;border:none;background-color:var(--primary);color:var(--white);font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;justify-content:center;gap:8px}.error-404-btn,.error-404-btn span{display:flex;align-items:center}.error-404-btn img{width:16px;height:16px}.error-404-btn:hover{background-color:var(--primary-hover)}.error-404-btn:active{transform:scale(.98)}@media (max-width:768px){.error-404-container{min-height:calc(100vh - 60px);padding:20px 16px}.error-404-content{gap:24px}.error-404-title{font-size:28px}.error-404-message{font-size:14px}.error-404-image img{max-width:300px}}@media (max-width:480px){.error-404-content{gap:20px}.error-404-title{font-size:24px}.error-404-message{font-size:13px}.error-404-btn{padding:10px 24px;height:40px;font-size:13px}}