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