.hth-front-wrap{--hth-accent:#00e5ff}.hth-front-toolbar{display:flex;gap:12px;align-items:center;margin:25px 0;padding:14px;border-radius:16px;background:#080d1d;border:1px solid rgba(0,229,255,.25);box-shadow:0 12px 35px rgba(0,0,0,.18)}.hth-front-toolbar input,.hth-front-toolbar select{flex:1;min-width:160px;background:#050912;color:#f4f8ff;border:1px solid rgba(0,229,255,.35);border-radius:10px;padding:12px}.hth-front-toolbar a{background:var(--hth-accent);color:#07101f!important;padding:11px 14px;border-radius:10px;text-decoration:none;font-weight:800}.hth-front-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:25px 0}.hth-tool-card{--hth-color:#00e5ff;position:relative;overflow:hidden;padding:24px;border-radius:18px;background:linear-gradient(180deg,#10172b,#080d1d);border:1px solid rgba(0,229,255,.35);box-shadow:0 18px 45px rgba(0,0,0,.25),0 0 24px rgba(0,229,255,.18);color:#f4f8ff}.hth-tool-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;background:radial-gradient(circle,var(--hth-color),transparent 65%);opacity:.18}.hth-tool-icon{font-size:42px;margin-bottom:12px}.hth-tool-card h3{margin:0 0 10px;color:#fff}.hth-tool-card p{color:#aeb9d8}.hth-tool-views{display:block;color:#90a4c7;margin:0 0 12px}.hth-tool-card a{display:inline-flex;margin-top:10px;color:#07101f!important;background:var(--hth-color);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800}.hth-single-tool-shell{margin:28px 0;padding:24px;border-radius:18px;background:#080d1d;border:1px solid rgba(0,229,255,.25);box-shadow:0 18px 45px rgba(0,0,0,.22)}@media(max-width:700px){.hth-front-toolbar{flex-direction:column;align-items:stretch}}