*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}header{background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white;padding:0.8rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.1)}nav{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.logo{font-size:1.4rem;font-weight:bold;text-decoration:none;color:white}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:white;text-decoration:none;font-weight:500;font-size:0.9rem;transition:opacity 0.3s}.nav-links a:hover{opacity:0.8}.main-wrapper{display:flex;justify-content:center;gap:1rem;max-width:1600px;margin:0 auto;padding:1rem}.sidebar-left,.sidebar-right{width:160px;flex-shrink:0}.ad-sidebar{background:#e2e8f0;border:2px dashed #cbd5e0;border-radius:8px;padding:1rem;text-align:center;position:sticky;top:80px;height:600px;display:flex;align-items:center;justify-content:center}.ad-sidebar p{color:#718096;font-size:0.75rem;writing-mode:vertical-rl;text-orientation:mixed}.main-content{flex:1}.hero{background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white;padding:2.5rem 1.5rem;text-align:center;border-radius:12px;margin-bottom:1.5rem}.hero h1{font-size:2rem;margin-bottom:0.5rem}.hero p{font-size:1rem;margin-bottom:1.5rem;opacity:0.9}@media (max-width:768px){.hero{padding:1.5rem 1rem !important;margin-bottom:1rem !important}.hero h1{font-size:clamp(1.5rem,5vw,2rem) !important}.hero p{font-size:clamp(0.9rem,2.5vw,1rem) !important}}@media (max-width:480px){.hero{padding:1rem 0.75rem !important;margin-bottom:0.75rem !important}}.search-container{max-width:600px;margin:0 auto;position:relative}.search-wrapper{display:flex;background:white;border-radius:50px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.2);transition:transform 0.3s}.search-wrapper:focus-within{transform:translateY(-2px);box-shadow:0 15px 50px rgba(0,0,0,0.3)}.search-input{flex:1;padding:1rem 1.5rem;border:none;outline:none;font-size:1rem;color:#2d3748;background:transparent}.search-input::placeholder{color:#a0aec0}.search-button{padding:1rem 2rem;background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white;border:none;cursor:pointer;font-weight:bold;font-size:1rem;transition:opacity 0.3s;display:flex;align-items:center;gap:0.5rem}.search-button:hover{opacity:0.9}.search-icon{font-size:1.2rem}.popular-searches{margin-top:1rem;font-size:0.85rem;opacity:0.9}.popular-searches span{margin-right:0.5rem}.search-tag{display:inline-block;padding:0.3rem 0.8rem;background:rgba(255,255,255,0.2);border-radius:15px;margin:0.2rem;cursor:pointer;transition:background 0.3s;color:white}.search-tag:hover{background:rgba(255,255,255,0.3)}.section-title{font-size:1.6rem;margin-bottom:1rem;color:#2d3748;padding-left:0.5rem;border-left:4px solid #232944}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.tool-card{background:white;padding:1.2rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;display:flex;flex-direction:column;height:340px !important}.tool-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.tool-icon{font-size:2rem;margin-bottom:0.5rem}.tool-card-link{text-decoration:none !important}.tool-card-link:hover{text-decoration:none !important}.tool-card h3{font-size:1.1rem;margin-bottom:0.4rem;color:#2d3748;text-decoration:none !important;border-bottom:none !important}.tool-card-link:hover .tool-card h3{text-decoration:none !important;border-bottom:none !important}.tool-desc{color:#718096;margin-bottom:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-decoration:none !important;border-bottom:none !important}.tool-card-link:hover .tool-desc{text-decoration:none !important;border-bottom:none !important}.tool-btn{display:inline-block;padding:0.5rem 1.2rem;background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white;text-decoration:none;border-radius:20px;font-weight:600;font-size:0.85rem;transition:opacity 0.3s;margin-top:auto}.tool-btn:hover{opacity:0.9}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.blog-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;text-decoration:none;display:block}.blog-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.blog-image{width:100%;height:120px;background:linear-gradient(135deg,#232944 0%,#248aec 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;object-fit:cover}.blog-content{padding:1rem}.blog-date{color:#a0aec0;font-size:0.75rem;margin-bottom:0.3rem;display:block}.blog-card h3{font-size:1rem;margin-bottom:0.5rem;color:#2d3748}.blog-card p{color:#718096;font-size:0.85rem;margin-bottom:0.6rem;line-height:1.4}@media (max-width:768px){.blog-grid{gap:1rem !important;margin-bottom:1rem !important}.blog-image{height:140px !important;font-size:2.5rem !important}.blog-content{padding:0.875rem !important}.blog-card h3{font-size:clamp(1rem,3vw,1.2rem) !important;margin-bottom:0.5rem !important}.blog-card p{font-size:clamp(0.8rem,2.5vw,0.85rem) !important;margin-bottom:0.5rem !important}.blog-date{font-size:clamp(0.7rem,2vw,0.75rem) !important}}@media (max-width:480px){.blog-grid{gap:0.75rem !important}.blog-image{height:120px !important;font-size:2rem !important}.blog-content{padding:0.75rem !important}}.read-more{color:#232944;font-weight:600;font-size:0.85rem;text-decoration:none}.read-more:hover{color:#248aec}.ad-horizontal{background:#e2e8f0;padding:1.5rem;text-align:center;border-radius:8px;margin:1.5rem 0;border:2px dashed #cbd5e0;min-height:120px;display:flex;align-items:center;justify-content:center}.ad-horizontal p{color:#718096;font-size:0.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background:white;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.feature-item{text-align:center;padding:1rem}.feature-icon{font-size:2rem;margin-bottom:0.5rem}.feature-item h3{margin-bottom:0.3rem;color:#2d3748;font-size:1rem}.feature-item p{color:#718096;font-size:0.85rem}.required-pages{background:white;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem}.page-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.page-link{color:#232944;text-decoration:none;font-weight:600;padding:0.5rem 1rem;border:2px solid #232944;border-radius:8px;transition:all 0.3s}.page-link:hover{background:#232944;color:white}footer{background:#2d3748;color:white;padding:2rem 1rem;margin-top:2rem}.footer-content{max-width:900px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.footer-links a{color:white;text-decoration:none;font-size:0.85rem;transition:opacity 0.3s}.footer-links a:hover{opacity:0.7}footer p{font-size:0.85rem;opacity:0.8;margin-top:1rem}.container{margin:0 auto;padding:1rem}@media (max-width:1024px){.sidebar-left,.sidebar-right{display:none}.main-wrapper{padding:0.5rem}}@media (max-width:768px){.hero h1{font-size:1.5rem}.nav-links{gap:1rem;font-size:0.8rem}.tools-grid,.blog-grid{grid-template-columns:1fr}.search-wrapper{flex-direction:column}.search-button{border-radius:0 0 50px 50px}.features-grid{grid-template-columns:1fr}}.tool-types-section{padding:50px 0;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);position:relative;overflow:hidden}.tool-types-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,144,226,0.1) 0%,transparent 50%);pointer-events:none}.tool-types-section .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:25px}.section-title{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:12px;letter-spacing:-0.5px}.section-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.tool-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px}.tool-type-card{position:relative;display:block;background:#ffffff;border-radius:16px;overflow:hidden;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 6px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.05)}.tool-type-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12)}.card-background{position:absolute;top:0;left:0;right:0;height:120px;opacity:0.9;transition:opacity 0.3s ease}.tool-type-card:hover .card-background{opacity:1}.card-content{position:relative;padding:32px 24px 24px;display:flex;flex-direction:column;min-height:200px}.tool-type-icon{width:64px;height:64px;background:#ffffff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s ease}.tool-type-card:hover .tool-type-icon{transform:scale(1.1) rotate(5deg)}.tool-type-icon svg{width:32px;height:32px;color:#2563EB}.card-info{flex:1}.tool-type-title{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:8px;line-height:1.4}.tool-count{font-size:0.9rem;color:#64748b;display:flex;align-items:center;gap:6px}.count-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:linear-gradient(135deg,#0F172A 0%,#2563EB 100%);color:white;border-radius:8px;font-weight:600;font-size:0.85rem}.card-arrow{position:absolute;bottom:20px;right:20px;width:36px;height:36px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-10px);transition:all 0.3s ease}.tool-type-card:hover .card-arrow{opacity:1;transform:translateX(0)}.card-arrow svg{width:18px;height:18px;color:#2563EB}@media (max-width:1024px){.tool-types-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media (max-width:768px){.tool-types-section{padding:50px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.tool-types-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card-content{padding:24px 20px 20px;min-height:180px}.tool-type-icon{width:56px;height:56px}.tool-type-icon svg{width:28px;height:28px}.tool-type-title{font-size:1.1rem}}@media (max-width:480px){.tool-types-grid{grid-template-columns:1fr}.section-header{margin-bottom:25px}}.toc-list{align-items:flex-start !important;padding-left:0px !important}.tool-type-card:nth-child(6n+1) .card-background{background:linear-gradient(135deg,#0F172A 0%,#2563EB 100%)}.tool-type-card:nth-child(6n+2) .card-background{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.tool-type-card:nth-child(6n+3) .card-background{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.tool-type-card:nth-child(6n+4) .card-background{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.tool-type-card:nth-child(6n+5) .card-background{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.tool-type-card:nth-child(6n+6) .card-background{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tool-type-card{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both}.tool-type-card:nth-child(1){animation-delay:0.1s}.tool-type-card:nth-child(2){animation-delay:0.2s}.tool-type-card:nth-child(3){animation-delay:0.3s}.tool-type-card:nth-child(4){animation-delay:0.4s}.tool-type-card:nth-child(5){animation-delay:0.5s}.tool-type-card:nth-child(6){animation-delay:0.6s}.tool-types-filter-wrapper{margin:2rem 0;padding:0}.tool-types-filter{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:1.5rem;margin-bottom:1.5rem}.filter-header{margin-bottom:1.25rem}.filter-title{font-size:1.25rem;font-weight:700;color:#2d3748;margin:0;text-align:center}.tool-types-list{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;align-items:center}.tool-type-filter{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:20px;text-decoration:none !important;color:#2d3748 !important;font-weight:600;font-size:0.9rem;transition:all 0.3s}.tool-type-filter:hover{transform:translateY(-2px);border-color:#232944;box-shadow:0 4px 12px rgba(0,0,0,0.1);background:white}.tool-type-filter.active{background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white !important;border-color:#232944;box-shadow:0 4px 12px rgba(35,41,68,0.3)}.filter-text,.filter-count{position:relative;z-index:1}.filter-count{font-size:0.85rem;opacity:0.85;font-weight:500}.tool-type-filter.active .filter-count{opacity:0.95}.pagination-container{margin:2.5rem 0;display:flex;justify-content:center;align-items:center}.pagination{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}.page-item{list-style:none;margin:0}.page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0.5rem 0.75rem;background:white;border:2px solid #e2e8f0;border-radius:10px;text-decoration:none !important;color:#2d3748 !important;font-weight:600;font-size:0.9rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.page-link:hover{background:linear-gradient(135deg,#232944 0%,#248aec 100%);color:white !important;border-color:#232944;transform:translateY(-2px);box-shadow:0 4px 12px rgba(35,41,68,0.25);text-decoration:none !important}.page-item.active .page-link{background:linear-gradient(135deg,#232944 0%,#248aec 100%) !important;color:white !important;border-color:#232944 !important;box-shadow:0 4px 12px rgba(35,41,68,0.3);text-decoration:none !important}.page-item.disabled .page-link{background:#f7fafc;color:#cbd5e0 !important;border-color:#e2e8f0;cursor:not-allowed;opacity:0.6}.page-item.disabled .page-link:hover{background:#f7fafc;color:#cbd5e0 !important;border-color:#e2e8f0;transform:none;box-shadow:0 2px 4px rgba(0,0,0,0.05)}@media (max-width:768px){.pagination{gap:0.4rem}.page-link{min-width:36px;height:36px;padding:0.4rem 0.6rem;font-size:0.85rem}}@media (max-width:480px){.pagination{gap:0.3rem}.page-link{min-width:32px;height:32px;padding:0.35rem 0.5rem;font-size:0.8rem}}@media (max-width:768px){.tool-types-filter{padding:1.25rem 1rem}.filter-title{font-size:1.1rem}.tool-types-list{gap:0.6rem}.tool-type-filter{padding:0.65rem 1rem;font-size:0.85rem}}@media (max-width:480px){.tool-types-filter{padding:1rem 0.75rem}.filter-title{font-size:1rem}.tool-types-list{gap:0.5rem}.tool-type-filter{padding:0.6rem 0.9rem;font-size:0.8rem}}#searchResults,#heroSearchResults{background:white !important;border:1px solid rgba(0,0,0,0.08) !important;border-radius:12px !important;box-shadow:0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05) !important;margin-top:0.75rem !important;max-height:450px !important;overflow-y:auto !important;overflow-x:hidden !important;z-index:1000 !important;padding:0.5rem 0 !important}.search-result-item{display:block;padding:1rem 1.25rem;text-decoration:none;color:#2d3748;transition:all 0.2s ease;border-bottom:1px solid rgba(0,0,0,0.05);position:relative}.search-result-item:last-child{border-bottom:none}.search-result-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#0F172A 0%,#2563EB 100%);opacity:0;transition:opacity 0.2s ease}.search-result-item:hover{background:linear-gradient(90deg,#f8f9ff 0%,#f0f4ff 100%);padding-left:1.5rem;transform:translateX(2px)}.search-result-item:hover::before{opacity:1}.search-result-title{font-weight:600;font-size:0.95rem;margin-bottom:0.35rem;color:#1a202c;line-height:1.4;display:flex;align-items:center;gap:0.5rem}.search-result-description{font-size:0.85rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.view-all-results-btn{display:block;width:100%;padding:1rem 1.25rem;text-align:center;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%);color:#232944;font-weight:600;font-size:0.9rem;border:none;cursor:pointer;border-radius:0 0 12px 12px;transition:all 0.2s ease;margin-top:0.25rem;border-top:1px solid rgba(0,0,0,0.05);text-decoration:none}.view-all-results-btn:hover{background:linear-gradient(135deg,#0F172A 0%,#2563EB 100%);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(35,41,68,0.2)}.search-no-results,.search-error{padding:2.5rem 2rem;text-align:center;color:#718096}.search-no-results-icon,.search-error-icon{font-size:2.5rem;margin-bottom:0.75rem;display:block}.search-error{color:#ef4444}#searchResults::-webkit-scrollbar,#heroSearchResults::-webkit-scrollbar{width:6px}#searchResults::-webkit-scrollbar-track,#heroSearchResults::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}#searchResults::-webkit-scrollbar-thumb,#heroSearchResults::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0F172A 0%,#2563EB 100%);border-radius:10px}#searchResults::-webkit-scrollbar-thumb:hover,#heroSearchResults::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0F172A 0%,#1D4ED8 100%)}@media (max-width:768px){.tool-ui{padding:1rem !important}}@media (max-width:480px){.tool-ui{padding:0.75rem !important}}:root{--bg:#F6F7F9;--surface:#FFFFFF;--surface-2:#EEF1F6;--ink:#0F172A;--muted:#475569;--accent:#2563EB;--accent-ink:#FFFFFF;--accent-soft:rgba(37,99,235,0.1);--border:rgba(15,23,42,0.08);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-1:0 1px 2px rgba(15,23,42,0.06);--shadow-2:0 10px 30px rgba(15,23,42,0.08);--container:1360px;--font-display:"Sora",sans-serif;--font-body:"IBM Plex Sans",sans-serif;--icon-fg:#0F172A;--icon-muted:#475569;--icon-on-dark:#ffffff;--icon-inline:#2563EB;--icon-badge-bg:linear-gradient(145deg,#0F172A 0%,#2563EB 100%);--header-height:64px;--transition-fast:0.18s ease;--transition-base:0.25s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body) !important;background:var(--bg) !important;color:var(--ink) !important;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);letter-spacing:-0.02em;line-height:1.25}p{color:var(--muted)}a{transition:color var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.container{max-width:var(--container) !important;margin-left:auto !important;margin-right:auto !important;padding-left:1.25rem !important;padding-right:1.25rem !important}.main-wrapper{max-width:min(100%,calc(var(--container) + 3rem)) !important;width:100% !important;margin:0 auto !important;padding:1.25rem 1.5rem 2.5rem !important;display:block !important}.sidebar-left,.sidebar-right{display:none !important;width:0 !important}.main-content{min-width:0;width:100% !important;max-width:var(--container);margin-left:auto;margin-right:auto}.line-clamp-2{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.line-clamp-3{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}body > header{background:#ffffff !important;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--ink) !important;border-bottom:1px solid var(--border) !important;box-shadow:var(--shadow-1) !important;padding:0 !important;position:sticky;top:0;z-index:1000}body > header nav{max-width:var(--container) !important;margin:0 auto !important;padding:0.75rem 1.25rem !important;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:inline-flex !important;align-items:center;gap:0.6rem;font-family:var(--font-display) !important;font-size:1.15rem !important;font-weight:700 !important;color:var(--ink) !important;text-decoration:none !important;text-shadow:none !important;letter-spacing:-0.03em;flex-shrink:0}.logo:hover{color:var(--accent) !important;opacity:1 !important}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.logo-mark img,.logo-mark svg{width:28px;height:28px;display:block}.logo-text{white-space:nowrap}.nav-links{display:flex;gap:1.35rem;list-style:none;align-items:center;margin:0;padding:0}.nav-links a{color:var(--muted) !important;text-decoration:none !important;font-weight:500;font-size:0.875rem;opacity:1 !important;position:relative;padding-bottom:2px}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);border-radius:1px;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast)}.nav-links a:hover{color:var(--accent) !important;opacity:1 !important;transform:none !important}.nav-links a:hover::after{transform:scaleX(1)}.header-search{flex:1;max-width:400px !important;margin:0 1.5rem !important;position:relative}.header-search #liveSearch{width:100% !important;padding:0.55rem 1rem !important;font-family:var(--font-body) !important;font-size:0.875rem !important;color:var(--ink) !important;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.header-search #liveSearch::placeholder{color:var(--muted)}.header-search #liveSearch:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px var(--accent-soft) !important}.hamburger{display:none;margin-left:auto;background:var(--surface-2) !important;border:1px solid var(--border) !important;padding:0.5rem !important;border-radius:var(--radius-sm) !important;font-size:1.25rem;cursor:pointer;color:var(--ink);align-items:center;justify-content:center;line-height:1}.hamburger:focus{outline:none !important;box-shadow:0 0 0 3px var(--accent-soft) !important;border-color:var(--accent) !important}.hamburger svg.lucide,.hamburger .icon{color:var(--ink) !important;stroke:currentColor !important;width:1.35rem;height:1.35rem}.hero{background:var(--surface-2) !important;color:var(--ink) !important;padding:4.5rem 1.5rem !important;text-align:center;border-radius:var(--radius-lg) !important;margin-bottom:2rem !important;position:relative;overflow:visible !important;border:1px solid var(--border);box-shadow:var(--shadow-1)}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient( ellipse 70% 60% at 50% 0%,rgba(37,99,235,0.07) 0%,transparent 70% );pointer-events:none}.hero > *{position:relative;z-index:1}.hero-brand{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-display);font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-bottom:0.75rem}.hero-brand-name{font-family:var(--font-display) !important;font-size:clamp(2.1rem,5.5vw,3.25rem) !important;font-weight:700 !important;color:var(--ink) !important;letter-spacing:-0.035em !important;line-height:1.1 !important;margin-bottom:0.65rem !important}.hero-kicker{font-family:var(--font-display);font-size:clamp(1.05rem,2.4vw,1.25rem) !important;font-weight:500;color:var(--ink) !important;margin-bottom:0.5rem !important;letter-spacing:-0.01em}.hero h1:not(.hero-brand-name){font-family:var(--font-display) !important;font-size:clamp(1.85rem,4.5vw,2.75rem) !important;font-weight:700 !important;color:var(--ink) !important;margin-bottom:0.75rem !important;letter-spacing:-0.03em;line-height:1.15}.hero-sub,.hero p{font-size:clamp(1rem,2.2vw,1.125rem) !important;color:var(--muted) !important;margin-bottom:1.75rem !important;opacity:1 !important;max-width:720px;margin-left:auto;margin-right:auto}.search-container{max-width:760px;margin:0 auto;position:relative;width:100%;overflow:visible !important;z-index:80}.search-wrapper{display:flex !important;align-items:stretch;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;overflow:hidden;position:relative;z-index:1;box-shadow:var(--shadow-1) !important;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.search-wrapper:focus-within{transform:none !important;border-color:rgba(37,99,235,0.35) !important;box-shadow:var(--shadow-2) !important}.search-input{flex:1;padding:0.95rem 1.25rem !important;border:none !important;outline:none !important;font-family:var(--font-body) !important;font-size:0.95rem !important;color:var(--ink) !important;background:transparent !important;border-radius:0 !important}.search-input::placeholder{color:var(--muted)}.search-button{display:inline-flex !important;align-items:center;justify-content:center;gap:0.45rem;padding:0.95rem 1.5rem !important;background:var(--accent) !important;color:var(--accent-ink) !important;border:none !important;cursor:pointer;font-family:var(--font-body) !important;font-weight:600 !important;font-size:0.9rem !important;border-radius:0 !important;box-shadow:none !important;transition:background var(--transition-fast),opacity var(--transition-fast)}.search-button:hover{opacity:0.92 !important;background:#1d4ed8 !important}.search-icon{display:inline-flex;align-items:center}.search-icon svg.lucide{width:1.1rem;height:1.1rem;stroke:currentColor}.popular-searches{margin-top:1.1rem !important;font-size:0.85rem !important;color:var(--muted) !important;opacity:1 !important}.popular-searches span{margin-right:0.35rem;font-weight:500;color:var(--muted)}.search-tag{display:inline-block;padding:0.3rem 0.75rem !important;margin:0.2rem 0.15rem !important;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:999px !important;color:var(--muted) !important;text-decoration:none !important;font-size:0.8rem;font-weight:500;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.search-tag:hover{background:var(--accent-soft) !important;border-color:rgba(37,99,235,0.25) !important;color:var(--accent) !important}#searchResults,#heroSearchResults{position:absolute !important;top:calc(100% + 0.5rem) !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;transform:none !important;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;box-shadow:var(--shadow-2) !important;margin-top:0 !important;padding:0.35rem 0 !important;max-height:420px !important;overflow-y:auto !important;overflow-x:hidden !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:100 !important}.search-result-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.85rem 1rem !important;text-decoration:none !important;color:var(--ink) !important;border-bottom:1px solid var(--border) !important;transition:background var(--transition-fast);position:relative}.search-result-item:last-child{border-bottom:none !important}.search-result-item::before{display:none !important}.search-result-item:hover{background:var(--accent-soft) !important;padding-left:1rem !important;transform:none !important}.search-result-icon{flex-shrink:0;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:var(--radius-sm);color:var(--accent)}.search-result-title{font-weight:600;font-size:0.9rem;color:var(--ink);margin-bottom:0.2rem}.search-result-description{font-size:0.8rem;color:var(--muted);line-height:1.45}.view-all-results-btn{display:block;width:100%;padding:0.85rem 1rem !important;text-align:center;background:var(--surface-2) !important;color:var(--accent) !important;font-weight:600;font-size:0.875rem;border:none;border-top:1px solid var(--border) !important;border-radius:0 0 var(--radius-md) var(--radius-md) !important;text-decoration:none !important;transition:background var(--transition-fast)}.view-all-results-btn:hover{background:var(--accent-soft) !important;color:var(--accent) !important;transform:none !important;box-shadow:none !important}.search-no-results,.search-error{padding:2rem 1.5rem;text-align:center;color:var(--muted)}.search-error{color:#dc2626}#searchResults::-webkit-scrollbar,#heroSearchResults::-webkit-scrollbar{width:5px}#searchResults::-webkit-scrollbar-thumb,#heroSearchResults::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px}#searchResults::-webkit-scrollbar-thumb:hover,#heroSearchResults::-webkit-scrollbar-thumb:hover{background:var(--muted)}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-family:var(--font-display) !important;font-size:clamp(1.5rem,3vw,2rem) !important;font-weight:700 !important;color:var(--ink) !important;margin-bottom:0.5rem !important;padding-left:0 !important;border-left:none !important;letter-spacing:-0.02em}.section-title svg.lucide,.section-title .icon{color:var(--accent) !important;stroke:currentColor !important;vertical-align:-0.15em;margin-right:0.35rem}.section-subtitle{font-size:1rem;color:var(--muted);max-width:560px;margin:0 auto;line-height:1.55}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;margin-bottom:2rem}.tool-card-link{text-decoration:none !important;display:block;height:100%}.tool-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;padding:1.25rem !important;box-shadow:var(--shadow-1) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;display:flex !important;flex-direction:column;height:auto !important;min-height:220px;text-decoration:none !important;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.tool-card:hover{transform:translateY(-3px) !important;box-shadow:var(--shadow-2) !important;border-color:rgba(37,99,235,0.15) !important}.tool-card h3{font-family:var(--font-display);font-size:1rem !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:0.45rem !important;text-decoration:none !important;border-bottom:none !important;line-height:1.35}.tool-card-link:hover .tool-card h3{color:var(--accent) !important}.tool-icon{display:inline-flex !important;align-items:center;justify-content:center;width:2.75rem !important;height:2.75rem !important;margin-bottom:0.75rem !important;border-radius:var(--radius-sm) !important;background:var(--icon-badge-bg) !important;box-shadow:var(--shadow-1) !important;font-size:1.25rem !important}.tool-icon svg.lucide,.tool-icon .icon-tool,.tool-icon .icon{color:var(--icon-on-dark) !important;stroke:currentColor !important;width:1.35rem !important;height:1.35rem !important}.tool-desc{color:var(--muted) !important;font-size:0.875rem;line-height:1.5;flex:1;margin-bottom:0.75rem !important;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none !important}.tool-btn{display:inline-flex !important;align-items:center;justify-content:center;align-self:flex-start;padding:0.45rem 0.9rem !important;margin-top:auto !important;background:var(--surface-2) !important;color:var(--ink) !important;border:1px solid var(--border) !important;border-radius:var(--radius-sm) !important;font-family:var(--font-body) !important;font-weight:600 !important;font-size:0.8rem !important;text-decoration:none !important;box-shadow:none !important;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tool-btn:hover{background:var(--accent-soft) !important;border-color:rgba(37,99,235,0.25) !important;color:var(--accent) !important;opacity:1 !important}.tool-card-link:hover .tool-btn{background:var(--accent) !important;color:var(--accent-ink) !important;border-color:var(--accent) !important}a.tool-btn:not(.tool-card .tool-btn),button.tool-btn.primary,.tool-btn--primary{background:var(--accent) !important;color:var(--accent-ink) !important;border-color:var(--accent) !important}a.tool-btn:not(.tool-card .tool-btn):hover,button.tool-btn.primary:hover,.tool-btn--primary:hover{background:#1d4ed8 !important;color:var(--accent-ink) !important}.tool-types-section{padding:3rem 0 !important;background:transparent !important;position:relative;overflow:visible}.tool-types-section::before{display:none !important}.tool-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem;margin-top:1.5rem}.tool-type-card{position:relative;display:flex;align-items:center;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;text-decoration:none !important;overflow:hidden;box-shadow:var(--shadow-1) !important;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:none !important}.tool-type-card:hover{transform:translateY(-2px) !important;box-shadow:var(--shadow-2) !important;border-color:rgba(37,99,235,0.2) !important}.tool-type-card .card-background,.tool-type-card:nth-child(6n+1) .card-background,.tool-type-card:nth-child(6n+2) .card-background,.tool-type-card:nth-child(6n+3) .card-background,.tool-type-card:nth-child(6n+4) .card-background,.tool-type-card:nth-child(6n+5) .card-background,.tool-type-card:nth-child(6n+6) .card-background{display:none !important}.tool-type-card .card-content{position:static;padding:0.85rem 1rem !important;min-height:auto !important;flex-direction:row;align-items:center;gap:0.75rem;width:100%}.tool-type-icon{width:2.5rem !important;height:2.5rem !important;margin-bottom:0 !important;border-radius:var(--radius-sm) !important;background:var(--surface-2) !important;box-shadow:none !important;flex-shrink:0;transition:background var(--transition-fast)}.tool-type-card:hover .tool-type-icon{transform:none !important;background:var(--accent-soft) !important}.tool-type-icon svg{width:1.25rem !important;height:1.25rem !important;color:var(--accent) !important}.card-info{flex:1;min-width:0}.tool-type-title{font-family:var(--font-display);font-size:0.95rem !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:0.15rem !important;line-height:1.3}.tool-count{font-size:0.78rem;color:var(--muted);gap:0.35rem}.count-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 0.35rem;background:var(--accent-soft) !important;color:var(--accent) !important;border-radius:6px;font-weight:600;font-size:0.72rem}.card-arrow{position:static !important;width:1.75rem !important;height:1.75rem !important;background:transparent !important;opacity:1 !important;transform:none !important;flex-shrink:0}.card-arrow svg{width:1rem !important;height:1rem !important;color:var(--muted) !important}.tool-type-card:hover .card-arrow svg{color:var(--accent) !important}.category-chips{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:1.5rem 0 2rem}.category-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 0.9rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:0.82rem;font-weight:500;color:var(--muted);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.category-chip:hover{background:var(--accent-soft);border-color:rgba(37,99,235,0.25);color:var(--accent)}.category-chip svg.lucide{width:0.95rem;height:0.95rem;color:var(--accent);stroke:currentColor}.category-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.category-chip.is-active svg.lucide{color:var(--accent-ink)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;margin-bottom:2rem}.blog-card{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;overflow:hidden;box-shadow:var(--shadow-1) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-decoration:none !important;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-3px) !important;box-shadow:var(--shadow-2) !important}.blog-image{width:100%;height:160px !important;min-height:160px;background:var(--surface-2) !important;display:flex;align-items:center;justify-content:center;color:var(--muted) !important;font-size:2rem;object-fit:cover;position:relative;border-bottom:1px solid var(--border)}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-content{padding:1.15rem !important;flex:1;display:flex;flex-direction:column}.blog-date{color:var(--muted) !important;font-size:0.75rem;margin-bottom:0.4rem}.blog-card h3{font-family:var(--font-display);font-size:1.05rem !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:0.45rem !important;line-height:1.35}.blog-card p{color:var(--muted);font-size:0.875rem;line-height:1.5;margin-bottom:0.75rem;flex:1}.read-more{color:var(--accent) !important;font-weight:600;font-size:0.85rem;text-decoration:none}.read-more:hover{color:#1d4ed8 !important}.blog-card svg.lucide{color:var(--icon-inline) !important;stroke:currentColor !important}.features-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:1rem !important;background:transparent !important;padding:0 !important;border-radius:0;margin:0 auto 2.5rem !important;max-width:var(--container) !important;width:100% !important;backdrop-filter:none !important}.feature-item{text-align:left;padding:1.15rem !important;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:box-shadow var(--transition-base)}.feature-item:hover{box-shadow:var(--shadow-2)}.feature-icon{font-size:1.5rem !important;margin-bottom:0.6rem !important;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--accent-soft);border-radius:var(--radius-sm)}.feature-icon svg.lucide{color:var(--accent) !important;stroke:currentColor !important;width:1.15rem;height:1.15rem}.feature-item h3,.feature-item h4{font-family:var(--font-display);font-size:0.95rem !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:0.35rem !important}.feature-item p{color:var(--muted);font-size:0.82rem;line-height:1.5}.required-pages{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;padding:1.75rem 1.5rem !important;margin-bottom:2rem;box-shadow:var(--shadow-1) !important;backdrop-filter:none !important}.page-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.65rem;margin-top:1rem}.page-link{color:var(--ink) !important;text-decoration:none !important;font-weight:600;font-size:0.85rem;padding:0.5rem 1rem !important;border:1px solid var(--border) !important;border-radius:var(--radius-sm) !important;background:var(--surface);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.page-link:hover{background:var(--accent) !important;color:var(--accent-ink) !important;border-color:var(--accent) !important}footer{background:var(--ink) !important;color:rgba(255,255,255,0.85) !important;padding:3rem 1.25rem 2rem !important;margin-top:3rem !important;border-top:none !important;box-shadow:none !important}.footer-content{max-width:var(--container) !important;margin:0 auto !important;text-align:left}.footer-brand{margin-bottom:2rem}.footer-brand .logo{color:#fff !important;font-size:1.2rem !important;margin-bottom:0.5rem}.footer-brand p,.footer-tagline{color:rgba(255,255,255,0.78);font-size:0.875rem;max-width:320px;line-height:1.55}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-bottom:2rem}.footer-col h4,.footer-heading{font-family:var(--font-display);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.72);margin-bottom:0.85rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:0.45rem}.footer-col a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:0.875rem}.footer-col a:hover{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.25rem;justify-content:flex-start}.footer-links a{color:rgba(255,255,255,0.75) !important;text-decoration:none !important;font-size:0.875rem;opacity:1 !important;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff !important;opacity:1 !important}.footer-copy{font-size:0.8rem !important;color:rgba(255,255,255,0.72) !important;opacity:1 !important;margin-top:1.5rem}.footer-credit{color:rgba(255,255,255,0.88) !important;text-decoration:underline;text-underline-offset:2px}.footer-credit:hover{color:#fff !important}#backToTop{position:fixed !important;bottom:1.75rem !important;right:1.75rem !important;width:2.75rem !important;height:2.75rem !important;background:var(--accent) !important;color:var(--accent-ink) !important;border:none !important;border-radius:50% !important;font-size:1.15rem !important;cursor:pointer;display:none;z-index:999;box-shadow:var(--shadow-2) !important;align-items:center;justify-content:center;transition:transform var(--transition-fast),background var(--transition-fast)}#backToTop:hover{background:#1d4ed8 !important;transform:translateY(-2px)}#backToTop i[data-lucide],#backToTop svg.lucide{color:var(--accent-ink) !important;stroke:currentColor !important;width:1.25rem;height:1.25rem}.tool-detail{background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;padding:1.75rem !important;box-shadow:var(--shadow-1) !important}.tool-detail > h1{font-family:var(--font-display);color:var(--ink) !important;font-size:clamp(1.5rem,4vw,2rem) !important;line-height:1.25;margin-bottom:1rem !important}.tool-detail .desc{color:var(--muted) !important;line-height:1.65;font-size:0.95rem}.tool-shell{margin-top:0}.tool-shell-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border);position:static !important;top:auto !important;z-index:auto !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important}.tool-shell-header h2{font-size:1.15rem;font-weight:600;color:var(--ink)}.tool-meta-bar{display:flex;flex-wrap:wrap;gap:0.65rem 1.25rem;padding:0.85rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:0.85rem;color:var(--muted);margin-bottom:1.5rem}.tool-meta-bar strong{color:var(--ink);font-weight:600}.tool-guide{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border);max-width:100% !important;width:100% !important}.tool-detail div[style*="max-width:900px"],.tool-detail div[style*="max-width:900px"],.tool-detail div[style*="max-width:800px"],.tool-detail div[style*="max-width:800px"],.tool-detail div[style*="margin:3rem auto"],.tool-detail div[style*="margin:3rem auto"],.tool-shell-form > div:not(.tool-ui)[style*="max-width"],.tool-page article > div[style*="max-width:900px"],.tool-page article > div[style*="margin:3rem auto"]{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important}.tool-guide h2,.tool-guide h3{font-family:var(--font-display);color:var(--ink);margin-top:1.75rem;margin-bottom:0.75rem}.tool-guide p,.tool-guide li{color:var(--muted);line-height:1.65;font-size:0.925rem}.tool-faq{margin-top:2rem}.tool-faq > h2,.tool-faq > h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1rem;color:var(--ink)}.tool-faq details{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:0.5rem;background:var(--surface);overflow:hidden}.tool-faq details[open]{box-shadow:var(--shadow-1)}.tool-faq summary{padding:0.85rem 1rem;font-weight:600;font-size:0.9rem;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-fast)}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary::after{content:"+";font-size:1.1rem;font-weight:400;color:var(--muted);transition:transform var(--transition-fast)}.tool-faq details[open] summary::after{content:"−"}.tool-faq summary:hover{background:var(--surface-2)}.tool-faq details[open] summary{border-bottom:1px solid var(--border)}.tool-faq details p{padding:0.85rem 1rem 1rem;margin:0;font-size:0.875rem;color:var(--muted);line-height:1.6}.share-row{margin:2rem 0;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.share-row p{font-weight:600;color:var(--ink);font-size:0.9rem;margin-bottom:0.75rem}.share-row > div,.share-buttons{display:flex;flex-wrap:wrap;gap:0.5rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:0.45rem 0.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:0.8rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.share-btn:hover{background:var(--surface-2);color:var(--ink);border-color:rgba(15,23,42,0.15)}.related-tools{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.related-tools > h3{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin-bottom:1.25rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem}.related-tool-card{display:flex;align-items:center;gap:0.65rem;padding:0.75rem 0.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.related-tool-card:hover{border-color:rgba(37,99,235,0.25);box-shadow:var(--shadow-1)}.related-tool-card .tool-icon{width:2rem !important;height:2rem !important;margin-bottom:0 !important}.related-tool-card span{font-size:0.85rem;font-weight:500;line-height:1.3}.tool-ui{background:var(--surface-2) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;padding:1.5rem !important;max-width:100% !important;width:100% !important;margin:0 0 2rem !important;box-sizing:border-box}.tool-ui h3{font-family:var(--font-display);color:var(--ink) !important;font-size:1.1rem;margin-bottom:1rem;text-align:center}.tool-ui label{display:block;font-size:0.85rem;font-weight:500;color:var(--ink);margin-bottom:0.35rem}.tool-ui input[type="text"],.tool-ui input[type="number"],.tool-ui input[type="email"],.tool-ui input[type="password"],.tool-ui input[type="url"],.tool-ui input[type="date"],.tool-ui input[type="time"],.tool-ui select,.tool-ui textarea{width:100%;padding:0.65rem 0.85rem;font-family:var(--font-body);font-size:0.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:0.85rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-ui input:focus,.tool-ui select:focus,.tool-ui textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tool-ui button,.tool-ui .tool-btn{width:100%;padding:0.75rem 1rem !important;background:var(--accent) !important;color:var(--accent-ink) !important;border:none !important;border-radius:var(--radius-sm) !important;font-weight:600;cursor:pointer;margin-top:0.5rem}.tool-ui button:hover,.tool-ui .tool-btn:hover{background:#1d4ed8 !important;color:var(--accent-ink) !important}button:not(.hamburger):not(#backToTop):not(#drawerClose),.button{font-family:var(--font-body)}button:not(.hamburger):not(#backToTop):not(#drawerClose):not(.share-btn):not(.tool-btn),.button:not(.tool-btn){background:var(--accent) !important;color:var(--accent-ink) !important;border:none !important;border-radius:var(--radius-sm) !important;box-shadow:none !important}#mobileBackdrop{position:fixed;inset:0;background:rgba(15,23,42,0.4);display:none;z-index:2000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body.drawer-open #mobileBackdrop{display:block}#mobileDrawer{position:fixed;left:-100%;top:0;height:100vh;width:85%;max-width:360px;background:var(--surface) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:var(--shadow-2) !important;z-index:2100;transition:left 0.25s ease;padding:1rem 1.15rem !important;overflow-y:auto;will-change:left;display:none;border-right:1px solid var(--border)}body.drawer-open #mobileDrawer{left:0;display:block}body.drawer-lock{overflow:hidden !important;position:fixed;width:100%}#mobileDrawer nav{display:block !important;padding:0;margin:0}#mobileDrawer .menu-list{list-style:none;padding:0;margin:0}#mobileDrawer .menu-item{border-bottom:1px solid var(--border)}#mobileDrawer .menu-link{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 0;text-decoration:none;color:var(--ink);font-weight:600;font-size:0.95rem;letter-spacing:0}#mobileDrawer .menu-link:hover{color:var(--accent)}#mobileDrawer .menu-link .chev{color:var(--muted);font-weight:400}#mobileDrawer #drawerSearch{width:100%;padding:0.7rem 0.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:0.9rem;outline:none}#mobileDrawer #drawerSearch:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#drawerClose{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.35rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}#drawerClose:focus{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.drawer-link{display:block;padding:0.9rem 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border);font-weight:600}.drawer-link:hover{color:var(--accent)}.tool-types-filter-wrapper{margin:1.5rem 0 2rem;padding:0;position:sticky;top:calc(var(--header-height) + 0.5rem);z-index:50}.tool-types-filter{background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;box-shadow:var(--shadow-1) !important;padding:1rem 1.15rem !important;margin-bottom:1.5rem}.filter-header{margin-bottom:0.85rem}.filter-title{font-family:var(--font-display);font-size:0.95rem !important;font-weight:600 !important;color:var(--ink) !important;margin:0;text-align:left;letter-spacing:-0.01em}.tool-types-list{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;align-items:center}.tool-type-filter{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 0.85rem !important;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:999px !important;text-decoration:none !important;color:var(--muted) !important;font-weight:500 !important;font-size:0.82rem !important;box-shadow:none !important;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:visible}.tool-type-filter::before{display:none !important}.tool-type-filter:hover{transform:none !important;background:var(--accent-soft) !important;border-color:rgba(37,99,235,0.25) !important;color:var(--accent) !important;box-shadow:none !important}.tool-type-filter.active{background:var(--accent) !important;color:var(--accent-ink) !important;border-color:var(--accent) !important;box-shadow:var(--shadow-1) !important;transform:none !important}.tool-type-filter.active:hover{background:#1d4ed8 !important;transform:none !important}.filter-text,.filter-count{position:relative;z-index:1}.filter-count{font-size:0.75rem;opacity:0.8;font-weight:500}.tool-type-filter.active .filter-count{opacity:0.9;color:var(--accent-ink)}.prose-block{max-width:100% !important;width:100%;margin-left:auto;margin-right:auto;margin-bottom:2.5rem;padding:0}.prose-block h2,.prose-block h3,.prose-block h4{font-family:var(--font-display);color:var(--ink);margin-top:2rem;margin-bottom:0.75rem;line-height:1.3}.prose-block h2{font-size:1.5rem}.prose-block h3{font-size:1.2rem}.prose-block p,.prose-block li{color:var(--muted);font-size:0.95rem;line-height:1.7;margin-bottom:1rem}.prose-block ul,.prose-block ol{padding-left:1.25rem;margin-bottom:1rem}.prose-block a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose-block a:hover{color:#1d4ed8}.prose-block blockquote{border-left:3px solid var(--accent);padding:0.75rem 1rem;margin:1.5rem 0;background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--muted);font-style:italic}.pagination-container{margin:2.5rem 0;display:flex;justify-content:center}.pagination{display:flex;flex-wrap:wrap;gap:0.4rem;list-style:none;padding:0;margin:0}.page-item{list-style:none}.pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0.4rem 0.65rem;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-sm) !important;color:var(--ink) !important;font-weight:600;font-size:0.85rem;box-shadow:none !important;backdrop-filter:none !important}.pagination .page-link:hover{background:var(--accent-soft) !important;color:var(--accent) !important;border-color:rgba(37,99,235,0.25) !important;transform:none !important;box-shadow:none !important}.page-item.active .page-link{background:var(--accent) !important;color:var(--accent-ink) !important;border-color:var(--accent) !important;box-shadow:var(--shadow-1) !important}.page-item.disabled .page-link{background:var(--surface-2) !important;color:var(--muted) !important;border-color:var(--border) !important;opacity:0.6;cursor:not-allowed}.page-item.disabled .page-link:hover{background:var(--surface-2) !important;color:var(--muted) !important;transform:none !important}.ad-horizontal{background:var(--surface-2);border:1px dashed rgba(15,23,42,0.12);border-radius:var(--radius-sm);padding:1.5rem;text-align:center;margin:1.5rem 0;min-height:100px}.ad-horizontal p{color:var(--muted);font-size:0.85rem}.ad-sidebar{background:var(--surface-2);border:1px dashed rgba(15,23,42,0.12);border-radius:var(--radius-sm)}.ad-sidebar p{color:var(--muted)}.feature-icon svg.lucide,.section-title svg.lucide,.blog-card svg.lucide{color:var(--icon-inline) !important;stroke:currentColor !important}.icon{vertical-align:-0.125em}@media (max-width:1024px){.header-search,.nav-links{display:none}.hamburger{display:inline-flex}.sidebar-left,.sidebar-right{display:none}.main-wrapper{display:block;padding:0.75rem 1rem 1.5rem}}@media (max-width:768px){.hero{padding:3rem 1rem !important;margin-bottom:1.25rem !important}.hero h1{font-size:clamp(1.5rem,5vw,2rem) !important}.hero-sub,.hero p{font-size:clamp(0.9rem,2.5vw,1rem) !important;margin-bottom:1.25rem !important}.search-wrapper{flex-direction:column;border-radius:var(--radius-md) !important}.search-button{border-radius:0 0 var(--radius-md) var(--radius-md) !important;width:100%}.tools-grid,.blog-grid{grid-template-columns:1fr}.tool-types-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.features-grid{grid-template-columns:1fr 1fr !important}.footer-grid{grid-template-columns:1fr 1fr}.tool-types-filter-wrapper{top:calc(var(--header-height) + 0.25rem)}.blog-image{height:140px !important;min-height:140px !important}.tool-ui{padding:1rem !important}}@media (max-width:480px){.hero{padding:2.25rem 0.85rem !important;border-radius:var(--radius-md) !important}.hero h1{font-size:clamp(1.35rem,5vw,1.75rem) !important}.features-grid{grid-template-columns:1fr !important}.footer-grid{grid-template-columns:1fr}.tool-types-grid{grid-template-columns:1fr}.blog-image{height:120px !important;min-height:120px !important}.tool-ui{padding:0.85rem !important}#backToTop{bottom:1.25rem !important;right:1.25rem !important}}@media (min-width:1025px){.nav-links{gap:1.15rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.hero > *{animation:none !important}.tool-card:hover,.blog-card:hover,.tool-type-card:hover{transform:none !important}}.logo{display:inline-flex !important;align-items:center;gap:0.55rem}.logo-mark{width:28px;height:28px;border-radius:8px;display:block;flex-shrink:0}.logo-text{font-family:var(--font-display);font-weight:700;letter-spacing:-0.02em}.header-search{flex:1;max-width:400px;margin:0 1.5rem;position:relative}.category-section,.featured-section,.blog-section,.prose-section{padding:2.5rem 0}.prose-section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.section-header-row .section-title{margin-bottom:0.35rem}.section-link{color:var(--accent);font-weight:600;font-size:0.9rem;text-decoration:none;white-space:nowrap}.section-link:hover{text-decoration:underline;text-underline-offset:3px}.category-chip{display:inline-flex;align-items:center;gap:0.5rem}.category-chip-name{font-weight:600;color:var(--ink)}.category-chip-count{font-size:0.75rem;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:0.1rem 0.45rem}.prose-callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2rem}@media (max-width:768px){.prose-callouts{grid-template-columns:1fr}}.prose-callout{padding:1.15rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.prose-callout h4{color:var(--ink) !important;font-size:1.05rem;margin-bottom:0.4rem;display:flex;align-items:center;gap:0.4rem}.prose-callout p{margin:0 !important;color:var(--muted) !important}.prose-note{margin-top:2rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md)}.prose-note h4{color:var(--ink);margin-bottom:0.5rem}.prose-note p{margin:0 !important}.blog-image{position:relative;height:180px;overflow:hidden;background:var(--surface-2)}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-image-placeholder{width:100%;height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0F172A 0%,#2563EB 100%);color:#fff}.blog-image-placeholder svg.lucide,.blog-image-placeholder i[data-lucide]{width:2.5rem !important;height:2.5rem !important;color:#fff !important}.blog-read-time{position:absolute;top:0.75rem;right:0.75rem;background:rgba(255,255,255,0.95);padding:0.2rem 0.65rem;border-radius:999px;font-size:0.75rem;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:0.25rem}.blog-meta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:0.65rem;font-size:0.8rem;color:var(--muted)}.blog-card-empty{padding:2rem;text-align:center;grid-column:1 / -1}.tool-shell-header h1{font-family:var(--font-display);color:var(--ink) !important;font-size:clamp(1.5rem,4vw,2rem) !important;line-height:1.25;margin-bottom:1rem !important}.tool-shell-thumb{max-width:48px;border-radius:var(--radius-sm);margin-bottom:1rem}.tool-shell-form{margin-bottom:1.5rem}.tool-meta-row{display:flex;flex-wrap:wrap;gap:0.75rem 1.25rem}.tool-meta-note{margin:0.75rem 0 0 !important;font-size:0.85rem !important;color:var(--muted) !important}.share-label{display:inline-flex;align-items:center;gap:0.4rem}.related-tool-body{min-width:0;flex:1}.related-tool-body h4{font-size:0.95rem;margin-bottom:0.25rem;color:var(--ink)}.related-tool-body p{margin:0 !important;font-size:0.8rem !important;color:var(--muted) !important;line-height:1.4}.footer-logo{display:inline-flex;align-items:center;gap:0.6rem;color:#fff !important;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin-bottom:0.65rem}.footer-logo img{border-radius:8px}.footer-tagline{color:rgba(255,255,255,0.6) !important;font-size:0.875rem !important;max-width:340px;line-height:1.55;margin:0 !important}.footer-col{display:flex;flex-direction:column;gap:0.45rem}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.drawer-brand{font-family:var(--font-display);font-weight:700;color:var(--ink)}.drawer-top #drawerClose{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:0.25rem;cursor:pointer;color:var(--ink)}.drawer-search-wrap{margin-bottom:1rem}.drawer-search-wrap input{width:100%;padding:0.75rem 0.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:0.95rem;background:var(--surface);color:var(--ink)}.drawer-search-wrap input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-empty{padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:0.9rem}.search-empty-icon{display:flex;justify-content:center;margin-bottom:0.5rem}.search-empty-icon svg.lucide{width:1.75rem;height:1.75rem}.search-error{color:#dc2626}.tool-page{padding:1.25rem 0 2.5rem}.tool-detail.tool-shell,.tool-detail{position:relative;z-index:1}.post-page,.post-index{width:100%;max-width:var(--container) !important;padding:1.25rem 0 2.5rem !important}.post-detail{width:100% !important;max-width:100% !important;margin:0 auto 1.5rem !important;padding:1.75rem !important;background:var(--surface) !important;border:1px solid var(--border) !important;border-radius:var(--radius-md) !important;box-shadow:var(--shadow-1) !important}.post-detail .crumb-link{color:var(--accent);text-decoration:none;font-weight:600}.post-detail .crumb-link:hover{text-decoration:underline}.post-detail .crumb-sep{color:var(--muted);margin:0 0.45rem}.post-detail .crumb-current{color:var(--muted)}