.tools-container{color:#1e293b;background-color:#fff;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:4rem 1.5rem;font-family:inherit;display:flex}.tools-card{text-align:center;width:100%;max-width:720px}.tools-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.tools-subtitle{color:#64748b;margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.tools-content{flex-direction:column;gap:2rem;display:flex}.search-bar-wrapper{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;width:20px;height:20px;position:absolute;left:1rem}.search-input{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.875rem 2.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.125rem;line-height:1;transition:color .2s;position:absolute;right:1rem}.clear-search-btn:hover{color:#0f172a}.tools-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.tool-card{color:inherit;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.tool-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.tool-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tool-icon{font-size:2rem;line-height:1}.tool-badge{color:#fa1a52;background-color:#e2e8f0;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.tool-name{color:#3f74f0;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.tool-description{color:#475569;flex-grow:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.tool-action{color:#859b08;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.arrow-icon{width:16px;height:16px;transition:transform .2s}.tool-card:hover .arrow-icon{transform:translate(4px)}.no-results{color:#64748b;padding:3rem 1rem;font-size:.95rem}@media (max-width:640px){.tools-container{padding:2.5rem 1rem}.tools-title{font-size:1.5rem}.tools-subtitle{margin-bottom:1.75rem;font-size:.9rem}.tools-grid{grid-template-columns:1fr}.search-input{padding:.75rem 2.5rem;font-size:.95rem}}