:root{--htb-primary:#0f4c81;--htb-primary-light:#1a6eb5;--htb-accent:#00c9a7;--htb-accent-glow:rgba(0,201,167,0.12);--htb-dark:#0d1117;--htb-surface:#ffffff;--htb-surface-2:#f6f8fc;--htb-border:#e2e8f4;--htb-text:#1a2035;--htb-muted:#64748b;--htb-light:#94a3b8;--htb-star:#f59e0b;--htb-radius:14px;--htb-shadow:0 4px 20px rgba(15,76,129,0.10);--htb-shadow-lg:0 8px 40px rgba(15,76,129,0.13);--htb-font-d:'Syne', sans-serif;--htb-font-b:'DM Sans', sans-serif}body .htb-hero *,body .htb-section *,body .htb-cta-section *{box-sizing:border-box}body .htb-hero{position:relative;background:var(--htb-primary);padding:70px 20px 80px;overflow:hidden;text-align:center}body .htb-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}body .htb-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);background-size:40px 40px}body .htb-hero-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}body .htb-blob-1{width:500px;height:500px;background:var(--htb-accent);top:-150px;left:-100px}body .htb-blob-2{width:400px;height:400px;background:#1a6eb5;bottom:-100px;right:-50px}body .htb-hero-inner{position:relative;max-width:760px;margin:0 auto}body .htb-hero-badge{display:inline-flex!important;align-items:center;gap:8px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .2);border-radius:100px;padding:5px 16px;font-size:12px;font-weight:600;color:rgb(255 255 255 / .9)!important;letter-spacing:.5px;text-transform:uppercase;margin-bottom:22px}body .htb-hero-dot{width:7px;height:7px;background:var(--htb-accent);border-radius:50%;display:inline-block;animation:htbPulse 2s infinite}@keyframes htbPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}body .htb-hero-title{font-family:var(--htb-font-d)!important;font-size:clamp(32px, 6vw, 56px)!important;font-weight:800!important;color:#fff!important;line-height:1.15!important;margin:0 0 16px!important}body .htb-hero-accent{color:var(--htb-accent)!important;display:inline-block}body .htb-hero-sub{font-size:clamp(14px, 2vw, 17px)!important;color:rgb(255 255 255 / .75)!important;max-width:560px;margin:0 auto 30px!important;line-height:1.7}body .htb-search-wrap{position:relative;max-width:580px;margin:0 auto 28px}body .htb-search-box{display:flex!important;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:4px 4px 4px 18px;box-shadow:0 8px 32px rgb(0 0 0 / .2)}body .htb-search-icon{font-size:18px;flex-shrink:0}body .htb-search-box input{flex:1;border:none!important;outline:none!important;font-size:15px!important;color:var(--htb-text)!important;background:transparent!important;padding:12px 0!important;font-family:var(--htb-font-b)!important;box-shadow:none!important}body .htb-search-box input::placeholder{color:var(--htb-light)!important}body .htb-search-clear{display:none;width:28px;height:28px;background:var(--htb-surface-2);border-radius:50%;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:var(--htb-muted)!important;flex-shrink:0;margin-right:6px}body .htb-search-results{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:var(--htb-radius);box-shadow:var(--htb-shadow-lg);border:1px solid var(--htb-border);overflow:hidden;z-index:999}body .htb-search-results.active{display:block!important}body .htb-sr-item{display:flex!important;align-items:center;gap:12px;padding:11px 16px;text-decoration:none!important;color:var(--htb-text)!important;border-bottom:1px solid var(--htb-border);transition:background .15s}body .htb-sr-item:last-child{border-bottom:none}body .htb-sr-item:hover{background:var(--htb-surface-2)!important}body .htb-sr-icon{font-size:20px;flex-shrink:0}body .htb-sr-info{flex:1}body .htb-sr-title{display:block;font-weight:600!important;font-size:14px!important}body .htb-sr-tag{display:block;font-size:12px!important;color:var(--htb-muted)!important}body .htb-sr-go{color:var(--htb-accent)!important;font-weight:700}body .htb-sr-empty{padding:16px;text-align:center;color:var(--htb-muted)!important;font-size:14px}body .htb-hero-stats{display:inline-flex!important;align-items:center;gap:0;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .15);border-radius:100px;padding:10px 24px;flex-wrap:wrap;justify-content:center}body .htb-hstat{display:flex!important;flex-direction:column;align-items:center;padding:0 18px}body .htb-hstat strong{font-family:var(--htb-font-d)!important;font-size:20px!important;font-weight:800!important;color:#fff!important;line-height:1.2}body .htb-hstat span{font-size:11px!important;color:rgb(255 255 255 / .65)!important;text-transform:uppercase;letter-spacing:.5px}body .htb-hstat-sep{width:1px;height:32px;background:rgb(255 255 255 / .2);flex-shrink:0}body .htb-section{padding:60px 20px;background:var(--htb-surface)}body .htb-section-alt{background:var(--htb-surface-2)}body .htb-section-inner{max-width:1000px;margin:0 auto}body .htb-section-head{text-align:center;margin-bottom:36px}body .htb-sec-title{font-family:var(--htb-font-d)!important;font-size:clamp(22px,3.5vw,32px)!important;font-weight:800!important;color:var(--htb-dark)!important;margin:0 0 10px!important}body .htb-sec-sub{font-size:15px!important;color:var(--htb-muted)!important;margin:0!important}body .htb-cat-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}body .htb-cat-card{display:flex!important;align-items:center;gap:13px;padding:16px 18px;background:var(--htb-surface)!important;border:1.5px solid var(--htb-border)!important;border-radius:var(--htb-radius);text-decoration:none!important;transition:all .2s;color:var(--htb-text)!important}body .htb-cat-card:hover{border-color:var(--htb-primary)!important;background:#f0f6ff!important;transform:translateY(-2px);box-shadow:var(--htb-shadow)}body .htb-cat-icon{font-size:26px;width:46px;height:46px;background:var(--htb-surface-2);border-radius:12px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}body .htb-cat-info{flex:1}body .htb-cat-name{font-weight:700!important;font-size:14px!important;color:var(--htb-text)!important;margin-bottom:2px}body .htb-cat-desc{font-size:12px!important;color:var(--htb-muted)!important;line-height:1.4}body .htb-cat-arr{font-size:18px;color:var(--htb-light)!important;flex-shrink:0}body .htb-tools-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}body .htb-tool-card-hp{display:flex!important;flex-direction:column;gap:8px;padding:18px 20px;background:var(--htb-surface)!important;border:1.5px solid var(--htb-border)!important;border-radius:18px;text-decoration:none!important;color:var(--htb-text)!important;transition:all .22s;box-shadow:0 1px 4px rgb(0 0 0 / .05)}body .htb-tool-card-hp:hover{border-color:var(--htb-primary)!important;box-shadow:var(--htb-shadow)!important;transform:translateY(-3px)}body .htb-tc-top{display:flex!important;align-items:center;justify-content:space-between;gap:8px}body .htb-tc-icon-hp{font-size:28px;width:48px;height:48px;background:linear-gradient(135deg,var(--htb-primary),var(--htb-primary-light));border-radius:13px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0}body .htb-tc-cat{font-size:11px!important;font-weight:600!important;color:var(--htb-primary)!important;background:#e8f0fe;border-radius:100px;padding:3px 10px}body .htb-tc-badge{font-size:11px!important;font-weight:700!important;color:#007a63!important;background:var(--htb-accent-glow);border:1px solid rgb(0 201 167 / .3);border-radius:100px;padding:3px 10px}body .htb-tc-title-hp{font-family:var(--htb-font-d)!important;font-size:15px!important;font-weight:700!important;color:var(--htb-dark)!important;line-height:1.3}body .htb-tc-tagline{font-size:13px!important;color:var(--htb-muted)!important;line-height:1.5;flex:1}body .htb-tc-footer{display:flex!important;align-items:center;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--htb-border)}body .htb-tc-rating{font-size:12px!important;font-weight:600!important;color:var(--htb-star)!important}body .htb-tc-views{font-size:12px!important;color:var(--htb-muted)!important}body .htb-tc-use{margin-left:auto;font-size:12px!important;font-weight:700!important;color:var(--htb-primary)!important}body .htb-view-all-wrap{text-align:center;margin-top:28px}body .htb-view-all-btn{display:inline-flex!important;align-items:center;gap:8px;padding:13px 32px;background:var(--htb-primary)!important;color:#fff!important;border-radius:var(--htb-radius);font-family:var(--htb-font-d);font-size:15px;font-weight:700;text-decoration:none!important;transition:all .2s}body .htb-view-all-btn:hover{background:var(--htb-primary-light)!important;transform:translateY(-2px);box-shadow:var(--htb-shadow)}body .htb-why-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}body .htb-why-card{padding:22px 20px;background:var(--htb-surface)!important;border:1.5px solid var(--htb-border)!important;border-radius:18px;transition:all .2s}body .htb-why-card:hover{border-color:var(--htb-accent)!important;box-shadow:0 4px 16px rgb(0 201 167 / .12)}body .htb-why-icon{font-size:28px;margin-bottom:12px}body .htb-why-title{font-family:var(--htb-font-d)!important;font-size:15px!important;font-weight:700!important;color:var(--htb-dark)!important;margin-bottom:6px}body .htb-why-desc{font-size:13.5px!important;color:var(--htb-muted)!important;line-height:1.6}body .htb-cta-section{background:linear-gradient(135deg,var(--htb-primary),var(--htb-primary-light));padding:60px 20px;text-align:center}body .htb-cta-inner{max-width:600px;margin:0 auto}body .htb-cta-emoji{font-size:40px;margin-bottom:14px;display:block}body .htb-cta-title{font-family:var(--htb-font-d)!important;font-size:clamp(22px,3.5vw,32px)!important;font-weight:800!important;color:#fff!important;margin:0 0 12px!important}body .htb-cta-sub{font-size:15px!important;color:rgb(255 255 255 / .8)!important;margin:0 0 24px!important}body .htb-cta-btn{display:inline-flex!important;align-items:center;padding:14px 36px;background:var(--htb-accent)!important;color:#fff!important;border-radius:var(--htb-radius);font-family:var(--htb-font-d);font-size:16px;font-weight:700;text-decoration:none!important;transition:all .2s}body .htb-cta-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 201 167 / .35)}body .htb-cat-hero{position:relative;background:var(--cat-color,var(--htb-primary));padding:50px 20px 60px;text-align:center;overflow:hidden}body .htb-cat-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}body .htb-cat-hero-inner{position:relative;max-width:700px;margin:0 auto}body .htb-cat-back{display:inline-flex!important;align-items:center;gap:6px;color:rgb(255 255 255 / .75)!important;text-decoration:none!important;font-size:13px;font-weight:600;margin-bottom:20px;transition:color .2s}body .htb-cat-back:hover{color:#fff!important}body .htb-cat-hero-icon{font-size:48px;display:block;margin-bottom:14px}body .htb-cat-hero-title{font-family:var(--htb-font-d)!important;font-size:clamp(26px,4.5vw,42px)!important;font-weight:800!important;color:#fff!important;margin:0 0 12px!important}body .htb-cat-hero-desc{font-size:15px!important;color:rgb(255 255 255 / .8)!important;max-width:520px;margin:0 auto 16px!important;line-height:1.7}body .htb-cat-hero-count{display:inline-flex!important;align-items:center;gap:6px;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .2);border-radius:100px;padding:5px 16px;font-size:13px;color:#fff!important;font-weight:600}body .htb-chc-num{font-family:var(--htb-font-d)!important;font-size:17px!important;font-weight:800!important}body .htb-filter-bar{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}body .htb-filter-bar input{padding:10px 16px!important;border:1.5px solid var(--htb-border)!important;border-radius:var(--htb-radius-sm,8px);font-size:14px!important;color:var(--htb-text)!important;background:var(--htb-surface)!important;outline:none!important;width:260px;max-width:100%}body .htb-filter-bar input:focus{border-color:var(--htb-primary)!important}body .htb-sort-btns{display:flex!important;gap:6px}body .htb-sort-btn{padding:8px 16px;border-radius:100px;font-size:13px;font-weight:600;color:var(--htb-muted)!important;background:var(--htb-surface-2)!important;border:1.5px solid var(--htb-border)!important;text-decoration:none!important;transition:all .2s}body .htb-sort-btn:hover,body .htb-sort-btn.active{background:var(--htb-primary)!important;color:#fff!important;border-color:var(--htb-primary)!important}body .htb-empty-state,body .htb-no-results{text-align:center;padding:50px 20px}body .htb-empty-icon{font-size:40px;margin-bottom:12px;display:block}body .htb-empty-title{font-family:var(--htb-font-d)!important;font-size:18px!important;font-weight:700!important;color:var(--htb-text)!important;margin-bottom:6px}body .htb-empty-desc{font-size:14px!important;color:var(--htb-muted)!important}@media(max-width:640px){body .htb-hero{padding:50px 16px 60px}body .htb-hero-stats{gap:0;padding:10px 16px}body .htb-hstat{padding:0 12px}body .htb-hstat-sep{height:24px}body .htb-cat-grid{grid-template-columns:1fr}body .htb-tools-grid{grid-template-columns:1fr}body .htb-why-grid{grid-template-columns:1fr}body .htb-filter-bar{flex-direction:column;align-items:flex-start}body .htb-filter-bar input{width:100%}body .htb-section{padding:40px 16px}}@media(max-width:400px){body .htb-hero-stats{flex-wrap:wrap;border-radius:var(--htb-radius)}body .htb-hstat-sep{display:none}}body .htb-seo-block{max-width:780px;margin:0 auto}body .htb-seo-h2{font-family:var(--htb-font-d)!important;font-size:clamp(18px,2.5vw,24px)!important;font-weight:800!important;color:var(--htb-dark)!important;margin:0 0 14px!important}body .htb-seo-body{font-size:15px!important;color:var(--htb-muted)!important;line-height:1.8;margin:0 0 18px!important}body .htb-seo-uses-title{font-weight:700!important;font-size:14px!important;color:var(--htb-text)!important;margin-bottom:10px!important}body .htb-seo-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}body .htb-seo-list li{display:flex!important;align-items:center;gap:8px;font-size:14px!important;color:var(--htb-text)!important;padding:8px 12px;background:var(--htb-surface);border-radius:var(--htb-rs,8px);border:1px solid var(--htb-border)}body .htb-seo-list li::before{content:'✓';color:var(--htb-accent);font-weight:700;flex-shrink:0}[data-theme="light"] body{background:#f6f8fc!important;color:#1a2035!important}[data-theme="light"] body .htb-hero{background:linear-gradient(135deg,#0f4c81 0%,#1a6eb5 100%)!important}[data-theme="light"] body .htb-hero *,[data-theme="light"] body .htb-hero-title,[data-theme="light"] body .htb-hero-sub,[data-theme="light"] body .htb-hero-badge{color:#fff!important}[data-theme="light"] body .htb-hero-stats{background:rgb(255 255 255 / .15)!important;border-color:rgb(255 255 255 / .2)!important}[data-theme="light"] body .htb-hstat strong,[data-theme="light"] body .htb-hstat span{color:#fff!important}[data-theme="light"] body .htb-hstat-sep{background:rgb(255 255 255 / .3)!important}[data-theme="light"] body .htb-search-wrap .htb-search-box{background:rgb(255 255 255 / .95)!important;border-color:rgb(255 255 255 / .5)!important}[data-theme="light"] body .htb-search-box input{color:#1a2035!important;background:transparent!important}[data-theme="light"] body .htb-search-box input::placeholder{color:#94a3b8!important}[data-theme="light"] body .htb-search-results{background:#fff!important;border-color:#e2e8f4!important}[data-theme="light"] body .htb-sr-item{border-color:#f0f4f8!important}[data-theme="light"] body .htb-sr-item:hover{background:#f6f8fc!important}[data-theme="light"] body .htb-sr-title{color:#1a2035!important}[data-theme="light"] body .htb-sr-tag{color:#64748b!important}[data-theme="light"] body .htb-section{background:#f6f8fc!important}[data-theme="light"] body .htb-section-alt{background:#eef4ff!important}[data-theme="light"] body .htb-sec-title{color:#1a2035!important}[data-theme="light"] body .htb-sec-sub{color:#64748b!important}[data-theme="light"] body .htb-cat-card{background:#fff!important;border-color:#e2e8f4!important}[data-theme="light"] body .htb-cat-card:hover{border-color:#0f4c81!important;box-shadow:0 4px 20px rgb(15 76 129 / .12)!important}[data-theme="light"] body .htb-cat-name{color:#1a2035!important}[data-theme="light"] body .htb-cat-desc{color:#64748b!important}[data-theme="light"] body .htb-cat-count{color:#94a3b8!important}[data-theme="light"] body .htb-cat-arr{color:#0f4c81!important}[data-theme="light"] body .htb-tool-card-hp{background:#fff!important;border-color:#e2e8f4!important}[data-theme="light"] body .htb-tool-card-hp:hover{border-color:#0f4c81!important}[data-theme="light"] body .htb-tc-title-hp{color:#1a2035!important}[data-theme="light"] body .htb-tc-tagline{color:#64748b!important}[data-theme="light"] body .htb-tc-cat{color:#94a3b8!important}[data-theme="light"] body .htb-ttab{background:#fff!important;border-color:#e2e8f4!important;color:#475569!important}[data-theme="light"] body .htb-ttab.active,[data-theme="light"] body .htb-ttab:hover{background:#0f4c81!important;color:#fff!important;border-color:#0f4c81!important}[data-theme="light"] body .htb-why-card{background:#fff!important;border-color:#e2e8f4!important}[data-theme="light"] body .htb-why-title{color:#1a2035!important}[data-theme="light"] body .htb-why-desc{color:#64748b!important}[data-theme="light"] body .htb-faq-item{background:#fff!important;border-color:#e2e8f4!important}[data-theme="light"] body .htb-faq-q{color:#1a2035!important}[data-theme="light"] body .htb-faq-a{color:#475569!important}[data-theme="light"] body .htb-faq-item.htb-open .htb-faq-q{color:#0f4c81!important}[data-theme="light"] body .htb-faq-icon{color:#0f4c81!important}[data-theme="light"] body .htb-cta-section{background:linear-gradient(135deg,#0f4c81,#1a6eb5)!important}[data-theme="light"] body .htb-filter-bar input{background:#fff!important;border-color:#e2e8f4!important;color:#1a2035!important}[data-theme="light"] body .htb-filter-bar input::placeholder{color:#94a3b8!important}[data-theme="light"] body .htb-sort-btn{background:#fff!important;border-color:#e2e8f4!important;color:#475569!important}[data-theme="light"] body .htb-sort-btn.active,[data-theme="light"] body .htb-sort-btn:hover{background:#0f4c81!important;color:#fff!important}[data-theme="light"] body .htb-view-all-btn{background:#fff!important;color:#0f4c81!important;border-color:#0f4c81!important}[data-theme="light"] body .htb-view-all-btn:hover{background:#0f4c81!important;color:#fff!important}[data-theme="dark"] body{background:#0a0f1e!important;color:#e2e8f0!important}[data-theme="dark"] body .htb-section{background:#0a0f1e!important}[data-theme="dark"] body .htb-section-alt{background:#0d1424!important}[data-theme="dark"] body .htb-sec-title{color:#f1f5f9!important}[data-theme="dark"] body .htb-sec-sub{color:#94a3b8!important}[data-theme="dark"] body .htb-cat-card{background:#111827!important;border-color:#1e293b!important}[data-theme="dark"] body .htb-cat-name{color:#f1f5f9!important}[data-theme="dark"] body .htb-cat-desc{color:#94a3b8!important}[data-theme="dark"] body .htb-tool-card-hp{background:#111827!important;border-color:#1e293b!important}[data-theme="dark"] body .htb-tc-title-hp{color:#f1f5f9!important}[data-theme="dark"] body .htb-tc-tagline{color:#94a3b8!important}[data-theme="dark"] body .htb-ttab{background:#111827!important;border-color:#1e293b!important;color:#94a3b8!important}[data-theme="dark"] body .htb-ttab.active{background:#0f4c81!important;color:#fff!important}[data-theme="dark"] body .htb-why-card{background:#111827!important;border-color:#1e293b!important}[data-theme="dark"] body .htb-why-title{color:#f1f5f9!important}[data-theme="dark"] body .htb-why-desc{color:#94a3b8!important}[data-theme="dark"] body .htb-faq-item{background:#111827!important;border-color:#1e293b!important}[data-theme="dark"] body .htb-faq-q{color:#f1f5f9!important}[data-theme="dark"] body .htb-faq-a{color:#94a3b8!important}[data-theme="dark"] body .htb-search-results{background:#111827!important;border-color:#1e293b!important}[data-theme="dark"] body .htb-sr-item:hover{background:#1a2235!important}body .htb-search-btn{background:var(--htb-accent,#00c9a7)!important;color:#fff!important;border:none!important;border-radius:0 var(--htb-radius,12px) var(--htb-radius,12px) 0!important;padding:0 22px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;height:100%!important;white-space:nowrap;transition:background .2s;flex-shrink:0}body .htb-search-btn:hover{background:#00b896!important}[data-theme="light"] body .htb-search-box{border-radius:var(--htb-radius,12px)!important;overflow:hidden}