.hero-404{background:var(--card);border-bottom:1px solid var(--line);padding:60px 0 50px}.hero-404-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hero-404-left{max-width:500px}.err-label{color:var(--orange);font-family:var(--font-poppins),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#fef3ee;border:1px solid #fce0d3;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.err-label svg{width:13px;height:13px}.hero-404-left h1{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--navy);letter-spacing:-.8px;margin-bottom:16px;font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.1}.hero-404-left h1 span{color:var(--orange)}.hero-404-left p{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--muted);max-width:380px;margin-bottom:32px;font-size:15px;line-height:1.65}.hero-404-btns{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.btn-404-primary{background:var(--blue);color:#fff;font-family:var(--font-poppins),system-ui,sans-serif;cursor:pointer;border:0;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:14px 28px;font-size:14.5px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #2f6fd44d}.btn-404-primary:hover{background:#2460bb;transform:translateY(-1px);box-shadow:0 10px 24px #2f6fd461}.btn-404-primary svg{flex-shrink:0;width:17px;height:17px}.btn-404-outline{color:var(--blue);font-family:var(--font-poppins),system-ui,sans-serif;border:2px solid var(--blue);cursor:pointer;background:#fff;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:13px 28px;font-size:14.5px;font-weight:600;transition:all .25s;display:inline-flex}.btn-404-outline:hover{background:var(--blue);color:#fff;transform:translateY(-1px)}.btn-404-outline svg{flex-shrink:0;width:17px;height:17px}.search-hint{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--muted);margin-bottom:12px;font-size:13px}.search-404{background:var(--bg);border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:10px;width:100%;max-width:360px;padding:11px 16px;transition:all .2s;display:flex}.search-404:hover,.search-404:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2f6fd41a}.search-404 svg{color:var(--muted);flex-shrink:0;width:17px;height:17px}.search-404 input{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.search-404 input::placeholder{color:var(--muted)}.hero-404-right{justify-content:center;align-items:center;display:flex;position:relative}.illus-wrap{width:100%;max-width:520px;position:relative}.illus-wrap svg{width:100%;height:auto}.popular-sec{padding:40px 0 0}.popular-box{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;padding:28px 28px 24px}.pop-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.pop-head h2{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--navy);font-size:17px;font-weight:700}.pop-head a{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--blue);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pop-head a:hover{gap:7px}.trek-row{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.tcard{border:1px solid var(--line);background:#fafbfc;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.tcard:hover{background:#f4f8ff;border-color:#c5d8f8;box-shadow:0 4px 14px #2f6fd414}.tcard-thumb{background:#dfe6ee;border-radius:10px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.tcard-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.tcard-body{flex:1;min-width:0}.tcard-name{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:700;overflow:hidden}.tcard-region{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--muted);margin-bottom:6px;font-size:11.5px}.tcard-stats{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--muted);align-items:center;gap:6px;margin-bottom:7px;font-size:11px;display:flex}.tcard-stats svg{opacity:.6;flex-shrink:0;width:11px;height:11px}.diff-badge{font-family:var(--font-poppins),system-ui,sans-serif;border-radius:50px;padding:2px 9px;font-size:10.5px;font-weight:600;display:inline-block}.diff-easy{color:#2e7d32;background:#e8f5e9}.diff-moderate{color:#e65100;background:#fff3e0}.diff-hard{color:#c62828;background:#fce4ec}.help-strip{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:20px;margin-top:24px;margin-bottom:48px;padding:24px 28px;display:flex}.help-ico{background:#eef4fb;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.help-ico svg{width:26px;height:26px;color:var(--blue)}.help-text{flex:1}.help-text h3{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--navy);margin-bottom:3px;font-size:15px;font-weight:700}.help-text p{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--muted);font-size:13px}.help-links{flex-shrink:0;align-items:center;gap:24px;display:flex}.help-link{font-family:var(--font-poppins),system-ui,sans-serif;color:var(--ink);border:1.5px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.help-link:hover{border-color:var(--blue);color:var(--blue)}.help-link svg{opacity:.7;flex-shrink:0;width:18px;height:18px}@keyframes floatBird{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-8px)translate(4px)}}@keyframes fadeUp404{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-404-left{animation:.5s both fadeUp404}.hero-404-right{animation:.5s .15s both fadeUp404}.popular-sec{animation:.5s .25s both fadeUp404}@media (max-width:980px){.hero-404-grid{text-align:center;grid-template-columns:1fr}.hero-404-left{flex-direction:column;align-items:center;max-width:none;display:flex}.hero-404-left p{max-width:none}.hero-404-btns{align-items:center}.search-404{max-width:100%}.trek-row{grid-template-columns:repeat(2,1fr)}.help-strip{flex-wrap:wrap}.help-links{justify-content:center;width:100%}}@media (max-width:640px){.hero-404{padding:40px 0 36px}.hero-404-left h1{font-size:28px}.trek-row{grid-template-columns:1fr}.help-strip{text-align:center;flex-direction:column}.help-links{flex-direction:column;width:100%}.help-link{justify-content:center}}@media (max-width:420px){.wrap{padding-left:16px;padding-right:16px}}