.tool-search-wrapper{max-width:600px;position:relative;z-index:10}.search-bar{position:relative;width:100%;background:#fff;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,0.1);overflow:hidden}.search-bar input.form-control{border:1px solid #fff;padding:12px 45px 12px 45px;border-radius:50px;font-size:16px;box-shadow:none;outline:none}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#888;pointer-events:none}.clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:#ccc;cursor:pointer;display:none;transition:color 0.3s ease}.clear-btn:hover{color:#ff4d4d}.search-results{padding:10px;font-size:15px;border:1px solid #333}#searchResults a{display:block;padding:8px 12px;border-bottom:1px solid #333;color:#00ffc6;text-decoration:none;border-radius:6px;transition:background 0.2s ease}#searchResults a:hover{background-color:#222}.homepage{padding-top:100px}.tool-card{border-radius:10px;transition:transform 0.2s ease,box-shadow 0.2s ease;background-color:#f8f9fa}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,123,255,0.4);text-decoration:none !important;color:#000 !important}.tool-card i{color:#007bff}.tool-card .card-title{font-weight:600;margin-bottom:0.5rem;font-size: 18px;}.tool-card .card-text{font-size:0.9rem}#toolSearch::placeholder{color:#fff;opacity:1}#toolSearch::-ms-input-placeholder{color:#fff}