.error-404-container{max-width:800px;margin:80px auto;text-align:center;padding:40px 20px;background:var(--color-surface,#fff);border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.error-404 .page-title{font-size:2.2rem;color:var(--color-text-main,#333);margin-bottom:10px;font-weight:800}.error-code{font-size:8rem;font-weight:900;color:var(--color-primary,#0073aa);line-height:1;margin:20px 0;text-shadow:2px 2px 10px rgb(0 0 0 / .1)}.error-404 .page-content p{font-size:1.2rem;color:var(--color-text-light,#777);margin-bottom:30px;line-height:1.6}.error-search-form{max-width:500px;margin:0 auto 40px}.error-search-form .search-form{display:flex;justify-content:center;position:relative}.error-search-form .search-field{width:100%;padding:15px 20px;border:1px solid var(--color-border,#ddd);border-radius:30px;font-size:1.1rem;outline:none;transition:border-color 0.3s ease}.error-search-form .search-field:focus{border-color:var(--color-primary,#0073aa)}.error-search-form .search-submit{position:absolute;right:5px;top:5px;bottom:5px;background:var(--color-primary,#0073aa);color:#fff;border:none;border-radius:25px;padding:0 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease}.error-search-form .search-submit:hover{background:var(--color-primary-hover,#005a87)}.btn-home{display:inline-block;background:#fff0;color:var(--color-primary,#0073aa);font-size:1.1rem;font-weight:600;text-decoration:none;border:2px solid var(--color-primary,#0073aa);padding:12px 30px;border-radius:30px;transition:all 0.3s ease}.btn-home:hover{background:var(--color-primary,#0073aa);color:#fff}@media screen and (max-width:768px){.error-404-container{margin:40px auto;padding:30px 15px}.error-404 .page-title{font-size:1.8rem}.error-code{font-size:5rem}.error-404 .page-content p{font-size:1rem}}